#B28465#B28465
#B28465 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.269؛ OKLCH L 65.1% C 0.072 H 55.1°. أفضل لون لنص المتن هو #000000 بتباين 6.38:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B28465 |
|---|---|
| RGB | rgb(178, 132, 101) |
| HSL | hsl(24, 33%, 55%) |
| HSV | hsv(24, 43%, 70%) |
| CMYK | cmyk(0%, 25.8%, 43.3%, 30.2%) |
| CIE-LAB | lab(58.89, 13.66, 23.63) |
| CIE-LCH | lch(58.89, 27.29, 59.97°) |
| OKLab | oklab(65.07% 0.0411 0.0588) |
| OKLCH | oklch(65.07% 0.072 55.1) |
| XYZ | xyz(28.9615, 26.9089, 15.9779) |
| Luminance | 0.2691 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Light Brown
#AD8150
ΔE00 6.02
Puce
#A57E52
ΔE00 6.18
Pale Brown
#B1916E
ΔE00 6.24
Tan Brown
#AB7E4C
ΔE00 6.45
Mocha
#9D7651
ΔE00 6.76
Clay Brown
#B2713D
ΔE00 8.15
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B28465 #6593B2
analogous
#B2656D #B28465 #B2AB65
triadic
#B28465 #65B284 #8465B2
tetradic
#B28465 #6DB265 #6593B2 #AB65B2
square
#B28465 #6DB265 #6593B2 #AB65B2
split-complementary
#B28465 #65B2AB #656DB2
monochromatic
#684934 #916649 #B28465 #C6A58E #DBC5B7
إمكانية الوصول والتباين
On white
3.29
#B28465 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.38
#B28465 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #B28465
6.38:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B28465 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B28465 | 1.00 | 3.29 | 6.38 | 6.38 |
| #FFFFFF | 3.29 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.38 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.38 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#918863
Deuteranopia (green-blind)
#9C9265
Tritanopia (blue-blind)
#BF7B7C
Achromatopsia (no color)
#8E8E8E
وسوم التصميم والكود
CSS
--color: #b28465; /* rgb */ color: rgb(178, 132, 101); /* oklch */ color: oklch(65.1% 0.072 55.1);
Tailwind
colors: {
custom: {
50: '#cba791',
500: '#b28465',
950: '#000000',
},
}SCSS
$custom: #b28465; $custom-light: #cba791; $custom-dark: #000000;
JSON
{
"hex": "#b28465",
"rgb": {
"r": 178,
"g": 132,
"b": 101
},
"hsl": {
"h": 24.156,
"s": 33.333,
"l": 54.706
},
"oklch": {
"l": 0.65071,
"c": 0.07169,
"h": 55.1
},
"luminance": 0.26907
}Semantic roles & 50–950 ramp
primary
#B28465
secondary
#A9BDCA
accent
#9EC95E
background
#FCFAF8
surface
#F9F4F0
border
#D2CECB
text
#130F0C
muted
#827F7D