#ADA48A#ADA48A
#ADA48A لون فاتح وخافت من عائلة برتقالي. الإضاءة النسبية 0.373؛ OKLCH L 71.9% C 0.038 H 91.2°. أفضل لون لنص المتن هو #000000 بتباين 8.45:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #ADA48A |
|---|---|
| RGB | rgb(173, 164, 138) |
| HSL | hsl(45, 18%, 61%) |
| HSV | hsv(45, 20%, 68%) |
| CMYK | cmyk(0%, 5.2%, 20.2%, 32.2%) |
| CIE-LAB | lab(67.48, -1.12, 14.68) |
| CIE-LCH | lch(67.48, 14.73, 94.34°) |
| OKLab | oklab(71.93% -0.0008 0.0377) |
| OKLCH | oklch(71.93% 0.038 91.2) |
| XYZ | xyz(35.0964, 37.2708, 29.3850) |
| Luminance | 0.3727 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Stone (survey)
#ADA587
ΔE00 1.57
Bland
#AFA88B
ΔE00 1.87
Cement
#A5A391
ΔE00 3.99
Greyish
#A8A495
ΔE00 4.25
Greige
#B8AB98
ΔE00 4.64
Putty
#BEAE8A
ΔE00 4.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#ADA48A #8A93AD
analogous
#AD928A #ADA48A #A4AD8A
triadic
#ADA48A #8AADA4 #A48AAD
tetradic
#ADA48A #8AAD92 #8A93AD #AD8AA4
square
#ADA48A #8AAD92 #8A93AD #AD8AA4
split-complementary
#ADA48A #8AA4AD #928AAD
monochromatic
#6F664E #938867 #ADA48A #C6C0AE #DFDCD2
إمكانية الوصول والتباين
On white
2.48
#ADA48A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.45
#ADA48A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #ADA48A
8.45:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##ADA48A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ADA48A | 1.00 | 2.48 | 8.45 | 8.45 |
| #FFFFFF | 2.48 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.45 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.45 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AAA388
Deuteranopia (green-blind)
#ACA58B
Tritanopia (blue-blind)
#B3A09D
Achromatopsia (no color)
#A4A4A4
وسوم التصميم والكود
CSS
--color: #ada48a; /* rgb */ color: rgb(173, 164, 138); /* oklch */ color: oklch(71.9% 0.038 91.2);
Tailwind
colors: {
custom: {
50: '#c5beac',
500: '#ada48a',
950: '#000000',
},
}SCSS
$custom: #ada48a; $custom-light: #c5beac; $custom-dark: #000000;
JSON
{
"hex": "#ada48a",
"rgb": {
"r": 173,
"g": 164,
"b": 138
},
"hsl": {
"h": 44.571,
"s": 17.588,
"l": 60.98
},
"oklch": {
"l": 0.71929,
"c": 0.03775,
"h": 91.2
},
"luminance": 0.3727
}Semantic roles & 50–950 ramp
primary
#ADA48A
secondary
#C3C6D0
accent
#5F9C4A
background
#FCFBFA
surface
#F8F6F4
border
#D1D0CE
text
#131210
muted
#82817F