#FC8BBA#FC8BBA
#FC8BBA لون فاتح وزاهٍ من عائلة زهري. الإضاءة النسبية 0.427؛ OKLCH L 77.2% C 0.146 H 354.7°. أفضل لون لنص المتن هو #000000 بتباين 9.54:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FC8BBA |
|---|---|
| RGB | rgb(252, 139, 186) |
| HSL | hsl(335, 95%, 77%) |
| HSV | hsv(335, 45%, 99%) |
| CMYK | cmyk(0%, 44.8%, 26.2%, 1.2%) |
| CIE-LAB | lab(71.36, 48.14, -5.33) |
| CIE-LCH | lch(71.36, 48.44, 353.68°) |
| OKLab | oklab(77.2% 0.1453 -0.0134) |
| OKLCH | oklch(77.2% 0.146 354.7) |
| XYZ | xyz(58.2422, 42.7105, 51.6213) |
| Luminance | 0.4271 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Pink (survey)
#FF81C0
ΔE00 3.15
Pinky
#FC86AA
ΔE00 3.62
Carnation Pink
#FF7FA7
ΔE00 4.25
Bubblegum Pink
#FE83CC
ΔE00 5.18
Rosa
#FE86A4
ΔE00 5.38
Pig Pink
#E78EA5
ΔE00 5.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FC8BBA #8BFCCD
analogous
#FC8BF3 #FC8BBA #FC958B
triadic
#FC8BBA #BAFC8B #8BBAFC
tetradic
#FC8BBA #F3FC8B #8BFCCD #958BFC
square
#FC8BBA #F3FC8B #8BFCCD #958BFC
split-complementary
#FC8BBA #8BFC95 #8BF3FC
monochromatic
#F91473 #FA4F97 #FC8BBA #FEC7DD #FEE1ED
إمكانية الوصول والتباين
On white
2.20
#FC8BBA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.54
#FC8BBA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FC8BBA
9.54:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FC8BBA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FC8BBA | 1.00 | 2.20 | 9.54 | 9.54 |
| #FFFFFF | 2.20 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.54 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.54 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#99A2BC
Deuteranopia (green-blind)
#B6B6B7
Tritanopia (blue-blind)
#FF859C
Achromatopsia (no color)
#AFAFAF
وسوم التصميم والكود
CSS
--color: #fc8bba; /* rgb */ color: rgb(252, 139, 186); /* oklch */ color: oklch(77.2% 0.146 354.7);
Tailwind
colors: {
custom: {
50: '#ffafce',
500: '#fc8bba',
950: '#000000',
},
}SCSS
$custom: #fc8bba; $custom-light: #ffafce; $custom-dark: #000000;
JSON
{
"hex": "#fc8bba",
"rgb": {
"r": 252,
"g": 139,
"b": 186
},
"hsl": {
"h": 335.044,
"s": 94.958,
"l": 76.667
},
"oklch": {
"l": 0.77203,
"c": 0.14589,
"h": 354.7
},
"luminance": 0.42706
}Semantic roles & 50–950 ramp
primary
#FC8BBA
secondary
#D5F6E8
accent
#E68600
background
#FFFBFC
surface
#FFF6F9
border
#D7D0D2
text
#181113
muted
#868082