#D9DDBD#D9DDBD
#D9DDBD لون فاتح جداً وخافت من عائلة أصفر. الإضاءة النسبية 0.701؛ OKLCH L 88.6% C 0.043 H 113.1°. أفضل لون لنص المتن هو #000000 بتباين 15.03:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #D9DDBD |
|---|---|
| RGB | rgb(217, 221, 189) |
| HSL | hsl(68, 32%, 80%) |
| HSV | hsv(68, 14%, 87%) |
| CMYK | cmyk(1.8%, 0%, 14.5%, 13.3%) |
| CIE-LAB | lab(87.06, -6.79, 15.28) |
| CIE-LCH | lch(87.06, 16.72, 113.96°) |
| OKLab | oklab(88.61% -0.0168 0.0395) |
| OKLCH | oklch(88.61% 0.043 113.1) |
| XYZ | xyz(63.6560, 70.1391, 58.3190) |
| Luminance | 0.7014 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Beige
#F5F5DC
ΔE00 6.25
Lightgoldenrodyellow
#FAFAD2
ΔE00 6.78
Eggshell
#F0EAD6
ΔE00 7.30
Beige (survey)
#E6DAA6
ΔE00 7.51
Lightyellow
#FFFFE0
ΔE00 7.62
Pale
#FFF9D0
ΔE00 7.64
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#D9DDBD #C1BDDD
analogous
#DDD1BD #D9DDBD #C9DDBD
triadic
#D9DDBD #BDD9DD #DDBDD9
tetradic
#D9DDBD #BDDDD1 #C1BDDD #DDBDC9
square
#D9DDBD #BDDDD1 #C1BDDD #DDBDC9
split-complementary
#D9DDBD #BDC9DD #D1BDDD
monochromatic
#AAB36C #C2C895 #D9DDBD #F0F2E5 #F3F5EB
إمكانية الوصول والتباين
On white
1.40
#D9DDBD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.03
#D9DDBD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #D9DDBD
15.03:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##D9DDBD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##D9DDBD | 1.00 | 1.40 | 15.03 | 15.03 |
| #FFFFFF | 1.40 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.03 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.03 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E2DABB
Deuteranopia (green-blind)
#E2DABE
Tritanopia (blue-blind)
#DDD9D4
Achromatopsia (no color)
#DADADA
وسوم التصميم والكود
CSS
--color: #d9ddbd; /* rgb */ color: rgb(217, 221, 189); /* oklch */ color: oklch(88.6% 0.043 113.1);
Tailwind
colors: {
custom: {
50: '#e4e7d1',
500: '#d9ddbd',
950: '#000000',
},
}SCSS
$custom: #d9ddbd; $custom-light: #e4e7d1; $custom-dark: #000000;
JSON
{
"hex": "#d9ddbd",
"rgb": {
"r": 217,
"g": 221,
"b": 189
},
"hsl": {
"h": 67.5,
"s": 32,
"l": 80.392
},
"oklch": {
"l": 0.88605,
"c": 0.04287,
"h": 113.1
},
"luminance": 0.70139
}Semantic roles & 50–950 ramp
primary
#D9DDBD
secondary
#8F8AB5
accent
#3BAB49
background
#FEFEFE
surface
#FCFCFB
border
#D5D5D4
text
#151614
muted
#848483