#DAB69B#DAB69B
#DAB69B لون فاتح وخافت من عائلة برتقالي. الإضاءة النسبية 0.507؛ OKLCH L 80.1% C 0.056 H 58.7°. أفضل لون لنص المتن هو #000000 بتباين 11.15:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DAB69B |
|---|---|
| RGB | rgb(218, 182, 155) |
| HSL | hsl(26, 46%, 73%) |
| HSV | hsv(26, 29%, 85%) |
| CMYK | cmyk(0%, 16.5%, 28.9%, 14.5%) |
| CIE-LAB | lab(76.52, 9.01, 18.60) |
| CIE-LCH | lch(76.52, 20.66, 64.16°) |
| OKLab | oklab(80.09% 0.0289 0.0476) |
| OKLCH | oklch(80.09% 0.056 58.7) |
| XYZ | xyz(51.5586, 50.7299, 38.0800) |
| Luminance | 0.5073 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Tan
#D2B48C
ΔE00 5.88
Burlywood
#DEB887
ΔE00 6.77
Apricot
#FBCEB1
ΔE00 6.81
Mushroom
#BA9E88
ΔE00 7.54
Khaki
#C3B091
ΔE00 7.96
Fawn
#CFAF7B
ΔE00 8.80
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DAB69B #9BBFDA
analogous
#DA9B9F #DAB69B #DAD59B
triadic
#DAB69B #9BDAB6 #B69BDA
tetradic
#DAB69B #9FDA9B #9BBFDA #D59BDA
square
#DAB69B #9FDA9B #9BBFDA #D59BDA
split-complementary
#DAB69B #9BDAD5 #9B9FDA
monochromatic
#B77544 #C9956E #DAB69B #EBD7C8 #F7EFE9
إمكانية الوصول والتباين
On white
1.88
#DAB69B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.15
#DAB69B on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DAB69B
11.15:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DAB69B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DAB69B | 1.00 | 1.88 | 11.15 | 11.15 |
| #FFFFFF | 1.88 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.15 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.15 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C1B899
Deuteranopia (green-blind)
#C9C09B
Tritanopia (blue-blind)
#E5AFAF
Achromatopsia (no color)
#BDBDBD
وسوم التصميم والكود
CSS
--color: #dab69b; /* rgb */ color: rgb(218, 182, 155); /* oklch */ color: oklch(80.1% 0.056 58.7);
Tailwind
colors: {
custom: {
50: '#e6cbb8',
500: '#dab69b',
950: '#000000',
},
}SCSS
$custom: #dab69b; $custom-light: #e6cbb8; $custom-dark: #000000;
JSON
{
"hex": "#dab69b",
"rgb": {
"r": 218,
"g": 182,
"b": 155
},
"hsl": {
"h": 25.714,
"s": 45.985,
"l": 73.137
},
"oklch": {
"l": 0.80094,
"c": 0.05566,
"h": 58.7
},
"luminance": 0.50728
}Semantic roles & 50–950 ramp
primary
#DAB69B
secondary
#6892B1
accent
#7DB92C
background
#FEFDFD
surface
#FCF9F8
border
#D5D2D1
text
#161311
muted
#848281