#CEB9F3#CEB9F3
#CEB9F3 لون فاتح جداً ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.543؛ OKLCH L 82.3% C 0.083 H 301.2°. أفضل لون لنص المتن هو #000000 بتباين 11.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CEB9F3 |
|---|---|
| RGB | rgb(206, 185, 243) |
| HSL | hsl(262, 71%, 84%) |
| HSV | hsv(262, 24%, 95%) |
| CMYK | cmyk(15.2%, 23.9%, 0%, 4.7%) |
| CIE-LAB | lab(78.63, 18.57, -26.02) |
| CIE-LCH | lch(78.63, 31.97, 305.52°) |
| OKLab | oklab(82.29% 0.043 -0.0711) |
| OKLCH | oklch(82.29% 0.083 301.2) |
| XYZ | xyz(58.9769, 54.2907, 92.1487) |
| Luminance | 0.5429 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Light Violet
#D6B4FC
ΔE00 3.42
Light Lavender
#DFC5FE
ΔE00 3.50
Pale Violet
#CEAEFA
ΔE00 4.22
Pale Lilac
#E4CBFF
ΔE00 4.99
Mauve
#E0B0FF
ΔE00 5.90
Light Lilac
#EDC8FF
ΔE00 6.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CEB9F3 #DEF3B9
analogous
#B9C1F3 #CEB9F3 #EBB9F3
triadic
#CEB9F3 #F3CEB9 #B9F3CE
tetradic
#CEB9F3 #F3B9C1 #DEF3B9 #B9F3EB
square
#CEB9F3 #F3B9C1 #DEF3B9 #B9F3EB
split-complementary
#CEB9F3 #F3EBB9 #C1F3B9
monochromatic
#8551E1 #A985EA #CEB9F3 #EDE5FB #EDE5FB
إمكانية الوصول والتباين
On white
1.77
#CEB9F3 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.86
#CEB9F3 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CEB9F3
11.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CEB9F3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CEB9F3 | 1.00 | 1.77 | 11.86 | 11.86 |
| #FFFFFF | 1.77 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.86 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AEC2F5
Deuteranopia (green-blind)
#B1C2F1
Tritanopia (blue-blind)
#C8C1CD
Achromatopsia (no color)
#C3C3C3
وسوم التصميم والكود
CSS
--color: #ceb9f3; /* rgb */ color: rgb(206, 185, 243); /* oklch */ color: oklch(82.3% 0.083 301.2);
Tailwind
colors: {
custom: {
50: '#ddcef7',
500: '#ceb9f3',
950: '#000000',
},
}SCSS
$custom: #ceb9f3; $custom-light: #ddcef7; $custom-dark: #000000;
JSON
{
"hex": "#ceb9f3",
"rgb": {
"r": 206,
"g": 185,
"b": 243
},
"hsl": {
"h": 261.724,
"s": 70.732,
"l": 83.922
},
"oklch": {
"l": 0.82292,
"c": 0.08309,
"h": 301.2
},
"luminance": 0.54291
}Semantic roles & 50–950 ramp
primary
#CEB9F3
secondary
#B4D37D
accent
#D3138D
background
#FEFEFF
surface
#FCFAFE
border
#D5D3D6
text
#151317
muted
#848385