#F96DBA#F96DBA
#F96DBA لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.346؛ OKLCH L 72.7% C 0.189 H 348.7°. أفضل لون لنص المتن هو #000000 بتباين 7.92:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #F96DBA |
|---|---|
| RGB | rgb(249, 109, 186) |
| HSL | hsl(327, 92%, 70%) |
| HSV | hsv(327, 56%, 98%) |
| CMYK | cmyk(0%, 56.2%, 25.3%, 2.4%) |
| CIE-LAB | lab(65.46, 61.47, -14.18) |
| CIE-LCH | lch(65.46, 63.08, 347.01°) |
| OKLab | oklab(72.7% 0.1856 -0.0371) |
| OKLCH | oklch(72.7% 0.189 348.7) |
| XYZ | xyz(53.4004, 34.6271, 50.3162) |
| Luminance | 0.3462 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Bubblegum (survey)
#FF6CB5
ΔE00 1.75
Hot Pink
#FF69B4
ΔE00 1.76
Bubble Gum Pink
#FF69AF
ΔE00 2.73
Pink (survey)
#FF81C0
ΔE00 4.22
Bubblegum Pink
#FE83CC
ΔE00 4.65
Barbie Pink
#FE46A5
ΔE00 6.13
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#F96DBA #6DF9AC
analogous
#F26DF9 #F96DBA #F96D74
triadic
#F96DBA #BAF96D #6DBAF9
tetradic
#F96DBA #F9F26D #6DF9AC #6D74F9
square
#F96DBA #F9F26D #6DF9AC #6D74F9
split-complementary
#F96DBA #74F96D #6DF9F2
monochromatic
#E20981 #F7329E #F96DBA #FBA8D6 #FEE2F1
إمكانية الوصول والتباين
On white
2.65
#F96DBA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.92
#F96DBA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #F96DBA
7.92:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##F96DBA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F96DBA | 1.00 | 2.65 | 7.92 | 7.92 |
| #FFFFFF | 2.65 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.92 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.92 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7D90BC
Deuteranopia (green-blind)
#A3A8B7
Tritanopia (blue-blind)
#FF698B
Achromatopsia (no color)
#9F9F9F
وسوم التصميم والكود
CSS
--color: #f96dba; /* rgb */ color: rgb(249, 109, 186); /* oklch */ color: oklch(72.7% 0.189 348.7);
Tailwind
colors: {
custom: {
50: '#ff9cce',
500: '#f96dba',
950: '#000000',
},
}SCSS
$custom: #f96dba; $custom-light: #ff9cce; $custom-dark: #000000;
JSON
{
"hex": "#f96dba",
"rgb": {
"r": 249,
"g": 109,
"b": 186
},
"hsl": {
"h": 327,
"s": 92.105,
"l": 70.196
},
"oklch": {
"l": 0.72699,
"c": 0.18922,
"h": 348.7
},
"luminance": 0.34622
}Semantic roles & 50–950 ramp
primary
#F96DBA
secondary
#CDF4DF
accent
#E66700
background
#FFFAFC
surface
#FFF3F9
border
#D7CDD2
text
#180F13
muted
#867F82