#B67251#B67251
#B67251 لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.226؛ OKLCH L 61.8% C 0.098 H 46.3°. أفضل لون لنص المتن هو #000000 بتباين 5.51:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B67251 |
|---|---|
| RGB | rgb(182, 114, 81) |
| HSL | hsl(20, 41%, 52%) |
| HSV | hsv(20, 55%, 71%) |
| CMYK | cmyk(0%, 37.4%, 55.5%, 28.6%) |
| CIE-LAB | lab(54.63, 23.40, 29.40) |
| CIE-LCH | lch(54.63, 37.58, 51.49°) |
| OKLab | oklab(61.77% 0.0678 0.071) |
| OKLCH | oklch(61.77% 0.098 46.3) |
| XYZ | xyz(26.7956, 22.5762, 10.7294) |
| Luminance | 0.2257 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Adobe
#BD6C48
ΔE00 2.69
Clay
#B66A50
ΔE00 3.74
Terracotta
#C96F4A
ΔE00 4.39
Pinkish Brown
#B17261
ΔE00 5.55
Terracota
#CB6843
ΔE00 5.69
Terracotta (survey)
#CA6641
ΔE00 5.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B67251 #5195B6
analogous
#B65163 #B67251 #B6A551
triadic
#B67251 #51B672 #7251B6
tetradic
#B67251 #63B651 #5195B6 #A551B6
square
#B67251 #63B651 #5195B6 #A551B6
split-complementary
#B67251 #51B6A5 #5163B6
monochromatic
#633C2A #8E573C #B67251 #C8957C #DAB8A7
إمكانية الوصول والتباين
On white
3.81
#B67251 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.51
#B67251 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #B67251
5.51:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B67251 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B67251 | 1.00 | 3.81 | 5.51 | 5.51 |
| #FFFFFF | 3.81 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.51 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.51 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#847A4E
Deuteranopia (green-blind)
#948851
Tritanopia (blue-blind)
#C5666A
Achromatopsia (no color)
#838383
وسوم التصميم والكود
CSS
--color: #b67251; /* rgb */ color: rgb(182, 114, 81); /* oklch */ color: oklch(61.8% 0.098 46.3);
Tailwind
colors: {
custom: {
50: '#cf9b82',
500: '#b67251',
950: '#000000',
},
}SCSS
$custom: #b67251; $custom-light: #cf9b82; $custom-dark: #000000;
JSON
{
"hex": "#b67251",
"rgb": {
"r": 182,
"g": 114,
"b": 81
},
"hsl": {
"h": 19.604,
"s": 40.891,
"l": 51.569
},
"oklch": {
"l": 0.61766,
"c": 0.09818,
"h": 46.3
},
"luminance": 0.22574
}Semantic roles & 50–950 ramp
primary
#B67251
secondary
#9BB9C8
accent
#A9D157
background
#FDF9F8
surface
#FAF2EF
border
#D3CCCA
text
#140E0A
muted
#837E7C