#C8C673#C8C673
#C8C673 لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.539؛ OKLCH L 81.0% C 0.106 H 107.3°. أفضل لون لنص المتن هو #000000 بتباين 11.78:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C8C673 |
|---|---|
| RGB | rgb(200, 198, 115) |
| HSL | hsl(59, 44%, 62%) |
| HSV | hsv(59, 43%, 78%) |
| CMYK | cmyk(0%, 1%, 42.5%, 21.6%) |
| CIE-LAB | lab(78.41, -11.23, 41.72) |
| CIE-LCH | lch(78.41, 43.21, 105.07°) |
| OKLab | oklab(80.99% -0.0314 0.1008) |
| OKLCH | oklch(80.99% 0.106 107.3) |
| XYZ | xyz(47.1088, 53.9064, 24.1397) |
| Luminance | 0.5391 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Greenish Beige
#C9D179
ΔE00 3.45
Darkkhaki
#BDB76B
ΔE00 3.97
Greenish Tan
#BCCB7A
ΔE00 4.60
Pale Olive
#B9CC81
ΔE00 5.99
Light Olive
#ACBF69
ΔE00 6.11
Sand (survey)
#E2CA76
ΔE00 6.65
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C8C673 #7375C8
analogous
#C89C73 #C8C673 #A0C873
triadic
#C8C673 #73C8C6 #C673C8
tetradic
#C8C673 #73C89C #7375C8 #C873A0
square
#C8C673 #73C89C #7375C8 #C873A0
split-complementary
#C8C673 #73A0C8 #9C73C8
monochromatic
#8A8836 #B6B448 #C8C673 #D9D89F #EBEACB
إمكانية الوصول والتباين
On white
1.78
#C8C673 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.78
#C8C673 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #C8C673
11.78:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C8C673 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C8C673 | 1.00 | 1.78 | 11.78 | 11.78 |
| #FFFFFF | 1.78 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.78 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.78 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D2C06C
Deuteranopia (green-blind)
#D4C477
Tritanopia (blue-blind)
#D3BCB2
Achromatopsia (no color)
#C2C2C2
وسوم التصميم والكود
CSS
--color: #c8c673; /* rgb */ color: rgb(200, 198, 115); /* oklch */ color: oklch(81.0% 0.106 107.3);
Tailwind
colors: {
custom: {
50: '#dad79d',
500: '#c8c673',
950: '#000000',
},
}SCSS
$custom: #c8c673; $custom-light: #dad79d; $custom-dark: #000000;
JSON
{
"hex": "#c8c673",
"rgb": {
"r": 200,
"g": 198,
"b": 115
},
"hsl": {
"h": 58.588,
"s": 43.59,
"l": 61.765
},
"oklch": {
"l": 0.80993,
"c": 0.10554,
"h": 107.3
},
"luminance": 0.53905
}Semantic roles & 50–950 ramp
primary
#C8C673
secondary
#4E4F92
accent
#32B72F
background
#FEFEFC
surface
#FCFBF5
border
#D5D4CF
text
#15140E
muted
#84837F