#F9AAEF#F9AAEF
#F9AAEF لون فاتح جداً وزاهٍ من عائلة purple. الإضاءة النسبية 0.551؛ OKLCH L 83.6% C 0.127 H 331.2°. أفضل لون لنص المتن هو #000000 بتباين 12.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #F9AAEF |
|---|---|
| RGB | rgb(249, 170, 239) |
| HSL | hsl(308, 87%, 82%) |
| HSV | hsv(308, 32%, 98%) |
| CMYK | cmyk(0%, 31.7%, 4%, 2.4%) |
| CIE-LAB | lab(79.11, 39.45, -22.77) |
| CIE-LCH | lch(79.11, 45.55, 330.01°) |
| OKLab | oklab(83.56% 0.1114 -0.0613) |
| OKLCH | oklch(83.56% 0.127 331.2) |
| XYZ | xyz(69.0206, 55.1240, 88.6490) |
| Luminance | 0.5512 (WCAG relative) |
| Temperature | neutral |
| Family | purple |
أقرب الألوان المُسمّاة
Plum
#DDA0DD
ΔE00 4.96
Light Lavendar
#EFC0FE
ΔE00 6.45
Mauve
#E0B0FF
ΔE00 7.29
Light Lilac
#EDC8FF
ΔE00 8.68
Lavender Pink
#DD85D7
ΔE00 9.16
Bubblegum Pink
#FE83CC
ΔE00 9.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#F9AAEF #AAF9B4
analogous
#DCAAF9 #F9AAEF #F9AAC8
triadic
#F9AAEF #EFF9AA #AAEFF9
tetradic
#F9AAEF #F9DCAA #AAF9B4 #AAC8F9
square
#F9AAEF #F9DCAA #AAF9B4 #AAC8F9
split-complementary
#F9AAEF #C8F9AA #AAF9DC
monochromatic
#F138D9 #F571E4 #F9AAEF #FDE2FA #FDE2FA
إمكانية الوصول والتباين
On white
1.75
#F9AAEF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.02
#F9AAEF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #F9AAEF
12.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##F9AAEF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F9AAEF | 1.00 | 1.75 | 12.02 | 12.02 |
| #FFFFFF | 1.75 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.02 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A8BDF2
Deuteranopia (green-blind)
#BBC8EC
Tritanopia (blue-blind)
#FFAFC3
Achromatopsia (no color)
#C4C4C4
وسوم التصميم والكود
CSS
--color: #f9aaef; /* rgb */ color: rgb(249, 170, 239); /* oklch */ color: oklch(83.6% 0.127 331.2);
Tailwind
colors: {
custom: {
50: '#fcc4f4',
500: '#f9aaef',
950: '#000000',
},
}SCSS
$custom: #f9aaef; $custom-light: #fcc4f4; $custom-dark: #000000;
JSON
{
"hex": "#f9aaef",
"rgb": {
"r": 249,
"g": 170,
"b": 239
},
"hsl": {
"h": 307.595,
"s": 86.813,
"l": 82.157
},
"oklch": {
"l": 0.83555,
"c": 0.12714,
"h": 331.2
},
"luminance": 0.55121
}Semantic roles & 50–950 ramp
primary
#F9AAEF
secondary
#6CDB7A
accent
#E31F02
background
#FFFDFF
surface
#FFF9FE
border
#D7D2D6
text
#181317
muted
#868285