#F07FB9#F07FB9
#F07FB9 لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.372؛ OKLCH L 73.9% C 0.153 H 349.4°. أفضل لون لنص المتن هو #000000 بتباين 8.44:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #F07FB9 |
|---|---|
| RGB | rgb(240, 127, 185) |
| HSL | hsl(329, 79%, 72%) |
| HSV | hsv(329, 47%, 94%) |
| CMYK | cmyk(0%, 47.1%, 22.9%, 5.9%) |
| CIE-LAB | lab(67.44, 50.05, -10.77) |
| CIE-LCH | lch(67.44, 51.19, 347.85°) |
| OKLab | oklab(73.91% 0.1502 -0.0281) |
| OKLCH | oklch(73.91% 0.153 349.4) |
| XYZ | xyz(52.2829, 37.2109, 50.3183) |
| Luminance | 0.3721 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Pink (survey)
#FF81C0
ΔE00 2.49
Bubblegum Pink
#FE83CC
ΔE00 3.66
Bubblegum (survey)
#FF6CB5
ΔE00 3.92
Hot Pink
#FF69B4
ΔE00 4.34
Bubble Gum Pink
#FF69AF
ΔE00 4.56
Carnation Pink
#FF7FA7
ΔE00 6.23
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#F07FB9 #7FF0B6
analogous
#EF7FF0 #F07FB9 #F07F81
triadic
#F07FB9 #B9F07F #7FB9F0
tetradic
#F07FB9 #F0EF7F #7FF0B6 #7F81F0
square
#F07FB9 #F0EF7F #7FF0B6 #7F81F0
split-complementary
#F07FB9 #81F07F #7FF0EF
monochromatic
#DB1A7D #EA489B #F07FB9 #F6B6D7 #FCE4F0
إمكانية الوصول والتباين
On white
2.49
#F07FB9 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.44
#F07FB9 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #F07FB9
8.44:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##F07FB9 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F07FB9 | 1.00 | 2.49 | 8.44 | 8.44 |
| #FFFFFF | 2.49 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.44 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.44 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#8B98BB
Deuteranopia (green-blind)
#A8ABB6
Tritanopia (blue-blind)
#FE7C94
Achromatopsia (no color)
#A4A4A4
وسوم التصميم والكود
CSS
--color: #f07fb9; /* rgb */ color: rgb(240, 127, 185); /* oklch */ color: oklch(73.9% 0.153 349.4);
Tailwind
colors: {
custom: {
50: '#f7a7ce',
500: '#f07fb9',
950: '#000000',
},
}SCSS
$custom: #f07fb9; $custom-light: #f7a7ce; $custom-dark: #000000;
JSON
{
"hex": "#f07fb9",
"rgb": {
"r": 240,
"g": 127,
"b": 185
},
"hsl": {
"h": 329.204,
"s": 79.021,
"l": 71.961
},
"oklch": {
"l": 0.73915,
"c": 0.15281,
"h": 349.4
},
"luminance": 0.37207
}Semantic roles & 50–950 ramp
primary
#F07FB9
secondary
#D7F4E5
accent
#DB700A
background
#FFFAFC
surface
#FFF4F9
border
#D7CED2
text
#171013
muted
#857F82