#DA939B#DA939B
#DA939B لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.381؛ OKLCH L 73.6% C 0.086 H 12.0°. أفضل لون لنص المتن هو #000000 بتباين 8.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DA939B |
|---|---|
| RGB | rgb(218, 147, 155) |
| HSL | hsl(353, 49%, 72%) |
| HSV | hsv(353, 33%, 85%) |
| CMYK | cmyk(0%, 32.6%, 28.9%, 14.5%) |
| CIE-LAB | lab(68.13, 27.85, 6.77) |
| CIE-LCH | lch(68.13, 28.66, 13.66°) |
| OKLab | oklab(73.59% 0.0845 0.018) |
| OKLCH | oklch(73.59% 0.086 12) |
| XYZ | xyz(45.2648, 38.1423, 35.9821) |
| Luminance | 0.3814 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Dusty Pink (survey)
#D58A94
ΔE00 2.45
Greyish Pink
#C88D94
ΔE00 3.67
Faded Pink
#DE9DAC
ΔE00 3.98
Pig Pink
#E78EA5
ΔE00 4.88
Grey Pink
#C3909B
ΔE00 5.23
Dull Pink
#D5869D
ΔE00 5.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DA939B #93DAD2
analogous
#DA93BF #DA939B #DAAF93
triadic
#DA939B #9BDA93 #939BDA
tetradic
#DA939B #BFDA93 #93DAD2 #AF93DA
square
#DA939B #BFDA93 #93DAD2 #AF93DA
split-complementary
#DA939B #93DAAF #93BFDA
monochromatic
#B53E4B #CA6571 #DA939B #EAC1C5 #F7E8EA
إمكانية الوصول والتباين
On white
2.43
#DA939B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.63
#DA939B on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DA939B
8.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DA939B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DA939B | 1.00 | 2.43 | 8.63 | 8.63 |
| #FFFFFF | 2.43 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.63 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#9F9E9B
Deuteranopia (green-blind)
#B0AB9A
Tritanopia (blue-blind)
#E78D96
Achromatopsia (no color)
#A6A6A6
وسوم التصميم والكود
CSS
--color: #da939b; /* rgb */ color: rgb(218, 147, 155); /* oklch */ color: oklch(73.6% 0.086 12.0);
Tailwind
colors: {
custom: {
50: '#e7b3b8',
500: '#da939b',
950: '#000000',
},
}SCSS
$custom: #da939b; $custom-light: #e7b3b8; $custom-dark: #000000;
JSON
{
"hex": "#da939b",
"rgb": {
"r": 218,
"g": 147,
"b": 155
},
"hsl": {
"h": 353.239,
"s": 48.966,
"l": 71.569
},
"oklch": {
"l": 0.73589,
"c": 0.0864,
"h": 12
},
"luminance": 0.38139
}Semantic roles & 50–950 ramp
primary
#DA939B
secondary
#DBEEEB
accent
#BCAC29
background
#FEFBFB
surface
#FDF6F6
border
#D5D0D0
text
#161111
muted
#848080