#799B97#799B97
#799B97 لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.297؛ OKLCH L 66.3% C 0.038 H 187.4°. أفضل لون لنص المتن هو #000000 بتباين 6.95:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #799B97 |
|---|---|
| RGB | rgb(121, 155, 151) |
| HSL | hsl(173, 15%, 54%) |
| HSV | hsv(173, 22%, 61%) |
| CMYK | cmyk(21.9%, 0%, 2.6%, 39.2%) |
| CIE-LAB | lab(61.43, -12.58, -1.77) |
| CIE-LCH | lch(61.43, 12.70, 187.99°) |
| OKLab | oklab(66.28% -0.0378 -0.0049) |
| OKLCH | oklch(66.28% 0.038 187.4) |
| XYZ | xyz(25.1908, 29.7411, 33.6855) |
| Luminance | 0.2974 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Greyish Teal
#719F91
ΔE00 5.27
Cadetblue
#5F9EA0
ΔE00 5.97
Dull Teal
#5F9E8F
ΔE00 7.67
Grey Teal
#5E9B8A
ΔE00 8.06
Cool Grey
#95A3A6
ΔE00 9.02
Dusty Teal
#4C9085
ΔE00 9.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#799B97 #9B797D
analogous
#799B86 #799B97 #798E9B
triadic
#799B97 #97799B #9B9779
tetradic
#799B97 #86799B #9B797D #8E9B79
square
#799B97 #86799B #9B797D #8E9B79
split-complementary
#799B97 #9B798E #9B8679
monochromatic
#425855 #5C7B77 #799B97 #9CB5B2 #BFCFCD
إمكانية الوصول والتباين
On white
3.02
#799B97 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.95
#799B97 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #799B97
6.95:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##799B97 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##799B97 | 1.00 | 3.02 | 6.95 | 6.95 |
| #FFFFFF | 3.02 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.95 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.95 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#979797
Deuteranopia (green-blind)
#919297
Tritanopia (blue-blind)
#6F9D9A
Achromatopsia (no color)
#949494
وسوم التصميم والكود
CSS
--color: #799b97; /* rgb */ color: rgb(121, 155, 151); /* oklch */ color: oklch(66.3% 0.038 187.4);
Tailwind
colors: {
custom: {
50: '#a0b8b5',
500: '#799b97',
950: '#000000',
},
}SCSS
$custom: #799b97; $custom-light: #a0b8b5; $custom-dark: #000000;
JSON
{
"hex": "#799b97",
"rgb": {
"r": 121,
"g": 155,
"b": 151
},
"hsl": {
"h": 172.941,
"s": 14.53,
"l": 54.118
},
"oklch": {
"l": 0.66279,
"c": 0.0381,
"h": 187.4
},
"luminance": 0.29742
}Semantic roles & 50–950 ramp
primary
#799B97
secondary
#BFB1B2
accent
#7079B7
background
#F9FBFB
surface
#F2F6F6
border
#CCD0D0
text
#0F1111
muted
#7E8080