#B67F8D#B67F8D
#B67F8D لون فاتح ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.270؛ OKLCH L 65.6% C 0.070 H 2.5°. أفضل لون لنص المتن هو #000000 بتباين 6.41:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B67F8D |
|---|---|
| RGB | rgb(182, 127, 141) |
| HSL | hsl(345, 27%, 61%) |
| HSV | hsv(345, 30%, 71%) |
| CMYK | cmyk(0%, 30.2%, 22.5%, 28.6%) |
| CIE-LAB | lab(59.02, 23.35, 1.04) |
| CIE-LCH | lch(59.02, 23.37, 2.55°) |
| OKLab | oklab(65.57% 0.0704 0.0031) |
| OKLCH | oklch(65.57% 0.07 2.5) |
| XYZ | xyz(31.6890, 27.0486, 28.7459) |
| Luminance | 0.2705 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Mauve (survey)
#AE7181
ΔE00 4.48
Old Rose
#C87F89
ΔE00 4.71
Old Pink
#C77986
ΔE00 4.89
Grey Pink
#C3909B
ΔE00 5.23
Dusky Pink
#CC7A8B
ΔE00 5.30
Greyish Pink
#C88D94
ΔE00 5.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B67F8D #7FB6A8
analogous
#B67FA8 #B67F8D #B68C7F
triadic
#B67F8D #8DB67F #7F8DB6
tetradic
#B67F8D #A8B67F #7FB6A8 #8C7FB6
square
#B67F8D #A8B67F #7FB6A8 #8C7FB6
split-complementary
#B67F8D #7FB68C #7FA8B6
monochromatic
#774451 #9E5A6B #B67F8D #CCA6B0 #E2CDD2
إمكانية الوصول والتباين
On white
3.28
#B67F8D on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.41
#B67F8D on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #B67F8D
6.41:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B67F8D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B67F8D | 1.00 | 3.28 | 6.41 | 6.41 |
| #FFFFFF | 3.28 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.41 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.41 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#86888D
Deuteranopia (green-blind)
#93928C
Tritanopia (blue-blind)
#BF7C84
Achromatopsia (no color)
#8E8E8E
وسوم التصميم والكود
CSS
--color: #b67f8d; /* rgb */ color: rgb(182, 127, 141); /* oklch */ color: oklch(65.6% 0.070 2.5);
Tailwind
colors: {
custom: {
50: '#cda4ae',
500: '#b67f8d',
950: '#000000',
},
}SCSS
$custom: #b67f8d; $custom-light: #cda4ae; $custom-dark: #000000;
JSON
{
"hex": "#b67f8d",
"rgb": {
"r": 182,
"g": 127,
"b": 141
},
"hsl": {
"h": 344.727,
"s": 27.363,
"l": 60.588
},
"oklch": {
"l": 0.6557,
"c": 0.07043,
"h": 2.5
},
"luminance": 0.27047
}Semantic roles & 50–950 ramp
primary
#B67F8D
secondary
#BED3CE
accent
#A68C40
background
#FCFAFA
surface
#F9F4F4
border
#D2CECE
text
#130F10
muted
#827F7F