#95774F#95774F
#95774F لون متوسط ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.201؛ OKLCH L 58.9% C 0.067 H 73.9°. أفضل لون لنص المتن هو #000000 بتباين 5.03:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #95774F |
|---|---|
| RGB | rgb(149, 119, 79) |
| HSL | hsl(34, 31%, 45%) |
| HSV | hsv(34, 47%, 58%) |
| CMYK | cmyk(0%, 20.1%, 47%, 41.6%) |
| CIE-LAB | lab(52.01, 6.26, 26.39) |
| CIE-LCH | lch(52.01, 27.12, 76.66°) |
| OKLab | oklab(58.86% 0.0186 0.0645) |
| OKLCH | oklch(58.86% 0.067 73.9) |
| XYZ | xyz(20.4033, 20.1488, 10.2100) |
| Luminance | 0.2015 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Mocha
#9D7651
ΔE00 3.66
Dirt
#8A6E45
ΔE00 3.84
Dull Brown
#876E4B
ΔE00 4.34
Puce
#A57E52
ΔE00 4.36
Coffee
#A6814C
ΔE00 5.32
Tan Brown
#AB7E4C
ΔE00 5.93
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#95774F #4F6D95
analogous
#95544F #95774F #90954F
triadic
#95774F #4F9577 #774F95
tetradic
#95774F #4F9554 #4F6D95 #954F90
square
#95774F #4F9554 #4F6D95 #954F90
split-complementary
#95774F #4F9095 #544F95
monochromatic
#453725 #6D573A #95774F #B2956F #C8B397
إمكانية الوصول والتباين
On white
4.18
#95774F on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.03
#95774F on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #95774F
5.03:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##95774F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##95774F | 1.00 | 4.18 | 5.03 | 5.03 |
| #FFFFFF | 4.18 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.03 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.03 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#82784C
Deuteranopia (green-blind)
#897F50
Tritanopia (blue-blind)
#A06F6D
Achromatopsia (no color)
#7C7C7C
وسوم التصميم والكود
CSS
--color: #95774f; /* rgb */ color: rgb(149, 119, 79); /* oklch */ color: oklch(58.9% 0.067 73.9);
Tailwind
colors: {
custom: {
50: '#b69e81',
500: '#95774f',
950: '#000000',
},
}SCSS
$custom: #95774f; $custom-light: #b69e81; $custom-dark: #000000;
JSON
{
"hex": "#95774f",
"rgb": {
"r": 149,
"g": 119,
"b": 79
},
"hsl": {
"h": 34.286,
"s": 30.702,
"l": 44.706
},
"oklch": {
"l": 0.58859,
"c": 0.06711,
"h": 73.9
},
"luminance": 0.20148
}Semantic roles & 50–950 ramp
primary
#95774F
secondary
#8B9DB4
accent
#8DC761
background
#FBF9F7
surface
#F6F2EE
border
#D0CCC9
text
#110E0A
muted
#807E7C