#CA9232#CA9232
#CA9232 لون فاتح وزاهٍ من عائلة برتقالي. الإضاءة النسبية 0.333؛ OKLCH L 69.8% C 0.128 H 76.8°. أفضل لون لنص المتن هو #000000 بتباين 7.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CA9232 |
|---|---|
| RGB | rgb(202, 146, 50) |
| HSL | hsl(38, 60%, 49%) |
| HSV | hsv(38, 75%, 79%) |
| CMYK | cmyk(0%, 27.7%, 75.2%, 20.8%) |
| CIE-LAB | lab(64.44, 12.38, 56.35) |
| CIE-LCH | lch(64.44, 57.69, 77.61°) |
| OKLab | oklab(69.8% 0.0292 0.1241) |
| OKLCH | oklch(69.8% 0.128 76.8) |
| XYZ | xyz(35.2142, 33.3475, 7.5991) |
| Luminance | 0.3335 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Ochre
#BF9005
ΔE00 5.10
Darkgoldenrod
#B8860B
ΔE00 5.31
Caramel
#C68E4E
ΔE00 5.80
Camel (survey)
#C69F59
ΔE00 6.02
Yellow Ochre
#CB9D06
ΔE00 6.75
Goldenrod
#DAA520
ΔE00 7.01
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CA9232 #326ACA
analogous
#CA4632 #CA9232 #B6CA32
triadic
#CA9232 #32CA92 #9232CA
tetradic
#CA9232 #32CA46 #326ACA #CA32B6
square
#CA9232 #32CA46 #326ACA #CA32B6
split-complementary
#CA9232 #32B6CA #4632CA
monochromatic
#684B1A #996F26 #CA9232 #D8AC61 #E4C692
إمكانية الوصول والتباين
On white
2.74
#CA9232 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.67
#CA9232 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CA9232
7.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CA9232 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CA9232 | 1.00 | 2.74 | 7.67 | 7.67 |
| #FFFFFF | 2.74 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.67 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.67 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A79424
Deuteranopia (green-blind)
#B4A236
Tritanopia (blue-blind)
#DC837F
Achromatopsia (no color)
#9C9C9C
وسوم التصميم والكود
CSS
--color: #ca9232; /* rgb */ color: rgb(202, 146, 50); /* oklch */ color: oklch(69.8% 0.128 76.8);
Tailwind
colors: {
custom: {
50: '#dfb170',
500: '#ca9232',
950: '#000000',
},
}SCSS
$custom: #ca9232; $custom-light: #dfb170; $custom-dark: #000000;
JSON
{
"hex": "#ca9232",
"rgb": {
"r": 202,
"g": 146,
"b": 50
},
"hsl": {
"h": 37.895,
"s": 60.317,
"l": 49.412
},
"oklch": {
"l": 0.698,
"c": 0.1275,
"h": 76.8
},
"luminance": 0.33345
}Semantic roles & 50–950 ramp
primary
#CA9232
secondary
#89A3CF
accent
#7FE344
background
#FEFAF7
surface
#FDF5ED
border
#D5CFC8
text
#161008
muted
#847F7B