#B9799B#B9799B
#B9799B لون فاتح ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.264؛ OKLCH L 65.3% C 0.091 H 346.8°. أفضل لون لنص المتن هو #000000 بتباين 6.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B9799B |
|---|---|
| RGB | rgb(185, 121, 155) |
| HSL | hsl(328, 31%, 60%) |
| HSV | hsv(328, 35%, 73%) |
| CMYK | cmyk(0%, 34.6%, 16.2%, 27.5%) |
| CIE-LAB | lab(58.37, 29.99, -7.94) |
| CIE-LCH | lch(58.37, 31.03, 345.17°) |
| OKLab | oklab(65.29% 0.0887 -0.0208) |
| OKLCH | oklch(65.29% 0.091 346.8) |
| XYZ | xyz(32.7616, 26.3574, 34.3658) |
| Luminance | 0.2636 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Dusty Lavender
#AC86A8
ΔE00 6.28
Mauve (survey)
#AE7181
ΔE00 6.75
Muted Pink
#D1768F
ΔE00 7.12
Dull Pink
#D5869D
ΔE00 7.57
Dusky Pink
#CC7A8B
ΔE00 7.86
Palevioletred
#DB7093
ΔE00 7.93
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B9799B #79B997
analogous
#B779B9 #B9799B #B9797B
triadic
#B9799B #9BB979 #799BB9
tetradic
#B9799B #B9B779 #79B997 #797BB9
square
#B9799B #B9B779 #79B997 #797BB9
split-complementary
#B9799B #7BB979 #79B9B7
monochromatic
#793F5E #A1547D #B9799B #CEA1B9 #E3C9D7
إمكانية الوصول والتباين
On white
3.35
#B9799B on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.27
#B9799B on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #B9799B
6.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B9799B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B9799B | 1.00 | 3.35 | 6.27 | 6.27 |
| #FFFFFF | 3.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.27 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.27 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#7E869C
Deuteranopia (green-blind)
#8D9099
Tritanopia (blue-blind)
#C17885
Achromatopsia (no color)
#8C8C8C
وسوم التصميم والكود
CSS
--color: #b9799b; /* rgb */ color: rgb(185, 121, 155); /* oklch */ color: oklch(65.3% 0.091 346.8);
Tailwind
colors: {
custom: {
50: '#cfa0b8',
500: '#b9799b',
950: '#000000',
},
}SCSS
$custom: #b9799b; $custom-light: #cfa0b8; $custom-dark: #000000;
JSON
{
"hex": "#b9799b",
"rgb": {
"r": 185,
"g": 121,
"b": 155
},
"hsl": {
"h": 328.125,
"s": 31.373,
"l": 60
},
"oklch": {
"l": 0.65289,
"c": 0.0911,
"h": 346.8
},
"luminance": 0.26356
}Semantic roles & 50–950 ramp
primary
#B9799B
secondary
#BBD3C6
accent
#C89160
background
#FCF9FB
surface
#F9F2F6
border
#D2CCD0
text
#140F11
muted
#827E80