#EBB297#EBB297
#EBB297 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.517؛ OKLCH L 80.9% C 0.076 H 46.5°. أفضل لون لنص المتن هو #000000 بتباين 11.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EBB297 |
|---|---|
| RGB | rgb(235, 178, 151) |
| HSL | hsl(19, 68%, 76%) |
| HSV | hsv(19, 36%, 92%) |
| CMYK | cmyk(0%, 24.3%, 35.7%, 7.8%) |
| CIE-LAB | lab(77.13, 17.19, 21.85) |
| CIE-LCH | lch(77.13, 27.80, 51.82°) |
| OKLab | oklab(80.93% 0.0526 0.0555) |
| OKLCH | oklch(80.93% 0.076 46.5) |
| XYZ | xyz(55.7689, 51.7405, 36.3216) |
| Luminance | 0.5174 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Pale Salmon
#FFB19A
ΔE00 5.22
Pinkish Tan
#D99B82
ΔE00 6.09
Light Salmon
#FEA993
ΔE00 6.48
Apricot
#FBCEB1
ΔE00 7.12
Peach (survey)
#FFB07C
ΔE00 7.18
Lightsalmon
#FFA07A
ΔE00 7.56
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EBB297 #97D0EB
analogous
#EB97A6 #EBB297 #EBDC97
triadic
#EBB297 #97EBB2 #B297EB
tetradic
#EBB297 #A6EB97 #97D0EB #DC97EB
square
#EBB297 #A6EB97 #97D0EB #DC97EB
split-complementary
#EBB297 #97EBDC #97A6EB
monochromatic
#D76630 #E18C64 #EBB297 #F5D8CA #FAECE5
إمكانية الوصول والتباين
On white
1.85
#EBB297 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.35
#EBB297 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EBB297
11.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EBB297 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EBB297 | 1.00 | 1.85 | 11.35 | 11.35 |
| #FFFFFF | 1.85 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.35 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.35 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C1B795
Deuteranopia (green-blind)
#CEC397
Tritanopia (blue-blind)
#FAA9AB
Achromatopsia (no color)
#BEBEBE
وسوم التصميم والكود
CSS
--color: #ebb297; /* rgb */ color: rgb(235, 178, 151); /* oklch */ color: oklch(80.9% 0.076 46.5);
Tailwind
colors: {
custom: {
50: '#f3c9b5',
500: '#ebb297',
950: '#000000',
},
}SCSS
$custom: #ebb297; $custom-light: #f3c9b5; $custom-dark: #000000;
JSON
{
"hex": "#ebb297",
"rgb": {
"r": 235,
"g": 178,
"b": 151
},
"hsl": {
"h": 19.286,
"s": 67.742,
"l": 75.686
},
"oklch": {
"l": 0.80927,
"c": 0.07646,
"h": 46.5
},
"luminance": 0.51737
}Semantic roles & 50–950 ramp
primary
#EBB297
secondary
#60A5C6
accent
#94D016
background
#FFFDFD
surface
#FEF9F8
border
#D6D2D1
text
#171311
muted
#858281