#DF456C#DF456C
#DF456C لون متوسط وزاهٍ من عائلة زهري. الإضاءة النسبية 0.210؛ OKLCH L 61.9% C 0.191 H 9.7°. أفضل لون لنص المتن هو #000000 بتباين 5.21:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DF456C |
|---|---|
| RGB | rgb(223, 69, 108) |
| HSL | hsl(345, 71%, 57%) |
| HSV | hsv(345, 69%, 87%) |
| CMYK | cmyk(0%, 69.1%, 51.6%, 12.5%) |
| CIE-LAB | lab(52.98, 61.95, 12.55) |
| CIE-LCH | lch(52.98, 63.21, 11.46°) |
| OKLab | oklab(61.91% 0.1881 0.0321) |
| OKLCH | oklch(61.91% 0.191 9.7) |
| XYZ | xyz(35.2694, 21.0316, 16.3867) |
| Luminance | 0.2103 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Cherry
#DE3163
ΔE00 3.08
Deep Rose
#C74767
ΔE00 4.70
Dark Pink
#CB416B
ΔE00 4.88
Darkish Pink
#DA467D
ΔE00 5.00
Raspberry
#E30B5C
ΔE00 5.43
Rose (survey)
#CF6275
ΔE00 5.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DF456C #45DFB8
analogous
#DF45B9 #DF456C #DF6B45
triadic
#DF456C #6CDF45 #456CDF
tetradic
#DF456C #B9DF45 #45DFB8 #6B45DF
square
#DF456C #B9DF45 #45DFB8 #6B45DF
split-complementary
#DF456C #45DF6B #45B9DF
monochromatic
#911937 #C5224B #DF456C #E87995 #F1ADBF
إمكانية الوصول والتباين
On white
4.03
#DF456C on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.21
#DF456C on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #DF456C
5.21:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DF456C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DF456C | 1.00 | 4.03 | 5.21 | 5.21 |
| #FFFFFF | 4.03 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.21 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.21 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#6A6B6D
Deuteranopia (green-blind)
#928A68
Tritanopia (blue-blind)
#F32655
Achromatopsia (no color)
#7E7E7E
وسوم التصميم والكود
CSS
--color: #df456c; /* rgb */ color: rgb(223, 69, 108); /* oklch */ color: oklch(61.9% 0.191 9.7);
Tailwind
colors: {
custom: {
50: '#ef8395',
500: '#df456c',
950: '#000000',
},
}SCSS
$custom: #df456c; $custom-light: #ef8395; $custom-dark: #000000;
JSON
{
"hex": "#df456c",
"rgb": {
"r": 223,
"g": 69,
"b": 108
},
"hsl": {
"h": 344.805,
"s": 70.642,
"l": 57.255
},
"oklch": {
"l": 0.61909,
"c": 0.19079,
"h": 9.7
},
"luminance": 0.21027
}Semantic roles & 50–950 ramp
primary
#DF456C
secondary
#A1DFCF
accent
#EDC03A
background
#FFF8F9
surface
#FFF0F1
border
#D7CBCB
text
#180B0D
muted
#867C7E