#D6CBFE#D6CBFE
#D6CBFE لون فاتح جداً ومتوسط التشبّع من عائلة بنفسجي. الإضاءة النسبية 0.642؛ OKLCH L 86.8% C 0.071 H 294.8°. أفضل لون لنص المتن هو #000000 بتباين 13.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D6CBFE |
|---|---|
| RGB | rgb(214, 203, 254) |
| HSL | hsl(253, 96%, 90%) |
| HSV | hsv(253, 20%, 100%) |
| CMYK | cmyk(15.7%, 20.1%, 0%, 0.4%) |
| CIE-LAB | lab(84.05, 13.68, -23.58) |
| CIE-LCH | lch(84.05, 27.26, 300.12°) |
| OKLab | oklab(86.77% 0.0297 -0.0642) |
| OKLCH | oklch(86.77% 0.071 294.8) |
| XYZ | xyz(66.9731, 64.1633, 102.6031) |
| Luminance | 0.6416 (WCAG relative) |
| Temperature | cool |
| Family | violet |
أقرب الألوان المُسمّاة
Periwinkle
#CCCCFF
ΔE00 3.25
Light Lavender
#DFC5FE
ΔE00 3.78
Pale Lilac
#E4CBFF
ΔE00 3.80
Light Periwinkle
#C1C6FC
ΔE00 5.34
Pale Lavender
#EECFFE
ΔE00 6.12
Light Lilac
#EDC8FF
ΔE00 6.47
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D6CBFE #F3FECB
analogous
#CBDAFE #D6CBFE #F0CBFE
triadic
#D6CBFE #FED6CB #CBFED6
tetradic
#D6CBFE #FECBDA #F3FECB #CBFEF0
square
#D6CBFE #FECBDA #F3FECB #CBFEF0
split-complementary
#D6CBFE #FEF0CB #DAFECB
monochromatic
#7753FC #A78FFD #D6CBFE #E7E1FE #E7E1FE
إمكانية الوصول والتباين
On white
1.52
#D6CBFE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.83
#D6CBFE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D6CBFE
13.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D6CBFE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D6CBFE | 1.00 | 1.52 | 13.83 | 13.83 |
| #FFFFFF | 1.52 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.83 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.83 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C0D2FF
Deuteranopia (green-blind)
#C1D1FD
Tritanopia (blue-blind)
#CFD3DC
Achromatopsia (no color)
#D2D2D2
وسوم التصميم والكود
CSS
--color: #d6cbfe; /* rgb */ color: rgb(214, 203, 254); /* oklch */ color: oklch(86.8% 0.071 294.8);
Tailwind
colors: {
custom: {
50: '#e3dafe',
500: '#d6cbfe',
950: '#000000',
},
}SCSS
$custom: #d6cbfe; $custom-light: #e3dafe; $custom-dark: #000000;
JSON
{
"hex": "#d6cbfe",
"rgb": {
"r": 214,
"g": 203,
"b": 254
},
"hsl": {
"h": 252.941,
"s": 96.226,
"l": 89.608
},
"oklch": {
"l": 0.86768,
"c": 0.07076,
"h": 294.8
},
"luminance": 0.64164
}Semantic roles & 50–950 ramp
primary
#D6CBFE
secondary
#D2E786
accent
#E600B4
background
#FEFEFF
surface
#FCFBFF
border
#D5D4D7
text
#151418
muted
#848386