#FBB1ED#FBB1ED
#FBB1ED لون فاتح جداً ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.581؛ OKLCH L 84.8% C 0.115 H 333.4°. أفضل لون لنص المتن هو #000000 بتباين 12.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FBB1ED |
|---|---|
| RGB | rgb(251, 177, 237) |
| HSL | hsl(311, 90%, 84%) |
| HSV | hsv(311, 29%, 98%) |
| CMYK | cmyk(0%, 29.5%, 5.6%, 1.6%) |
| CIE-LAB | lab(80.78, 36.08, -19.14) |
| CIE-LCH | lch(80.78, 40.84, 332.05°) |
| OKLab | oklab(84.85% 0.1026 -0.0513) |
| OKLCH | oklch(84.85% 0.115 333.4) |
| XYZ | xyz(70.7910, 58.0707, 87.5842) |
| Luminance | 0.5807 (WCAG relative) |
| Temperature | neutral |
| Family | pink |
أقرب الألوان المُسمّاة
Plum
#DDA0DD
ΔE00 5.85
Light Lavendar
#EFC0FE
ΔE00 5.92
Pale Mauve
#FED0FC
ΔE00 7.47
Very Light Purple
#F6CEFC
ΔE00 7.73
Light Lilac
#EDC8FF
ΔE00 7.79
Powder Pink
#FFB2D0
ΔE00 8.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FBB1ED #B1FBBF
analogous
#E4B1FB #FBB1ED #FBB1C8
triadic
#FBB1ED #EDFBB1 #B1EDFB
tetradic
#FBB1ED #FBE4B1 #B1FBBF #B1C8FB
square
#FBB1ED #FBE4B1 #B1FBBF #B1C8FB
split-complementary
#FBB1ED #C8FBB1 #B1FBE4
monochromatic
#F53DD2 #F877E0 #FBB1ED #FEE2F8 #FEE2F8
إمكانية الوصول والتباين
On white
1.66
#FBB1ED on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.61
#FBB1ED on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FBB1ED
12.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FBB1ED | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FBB1ED | 1.00 | 1.66 | 12.61 | 12.61 |
| #FFFFFF | 1.66 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.61 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.61 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B0C2EF
Deuteranopia (green-blind)
#C2CCEB
Tritanopia (blue-blind)
#FFB4C6
Achromatopsia (no color)
#C8C8C8
وسوم التصميم والكود
CSS
--color: #fbb1ed; /* rgb */ color: rgb(251, 177, 237); /* oklch */ color: oklch(84.8% 0.115 333.4);
Tailwind
colors: {
custom: {
50: '#fdc9f3',
500: '#fbb1ed',
950: '#000000',
},
}SCSS
$custom: #fbb1ed; $custom-light: #fdc9f3; $custom-dark: #000000;
JSON
{
"hex": "#fbb1ed",
"rgb": {
"r": 251,
"g": 177,
"b": 237
},
"hsl": {
"h": 311.351,
"s": 90.244,
"l": 83.922
},
"oklch": {
"l": 0.84848,
"c": 0.11475,
"h": 333.4
},
"luminance": 0.58068
}Semantic roles & 50–950 ramp
primary
#FBB1ED
secondary
#71DF86
accent
#E62B00
background
#FFFDFF
surface
#FFF9FE
border
#D7D2D6
text
#181317
muted
#868285