#75BB9C#75BB9C
#75BB9C لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.417؛ OKLCH L 73.7% C 0.085 H 164.4°. أفضل لون لنص المتن هو #000000 بتباين 9.34:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #75BB9C |
|---|---|
| RGB | rgb(117, 187, 156) |
| HSL | hsl(153, 34%, 60%) |
| HSV | hsv(153, 37%, 73%) |
| CMYK | cmyk(37.4%, 0%, 16.6%, 26.7%) |
| CIE-LAB | lab(70.68, -29.05, 8.81) |
| CIE-LCH | lch(70.68, 30.36, 163.14°) |
| OKLab | oklab(73.68% -0.0814 0.0227) |
| OKLCH | oklch(73.68% 0.085 164.4) |
| XYZ | xyz(31.1049, 41.7209, 37.8600) |
| Luminance | 0.4172 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 4.84
Mediumaquamarine
#66CDAA
ΔE00 5.40
Greeny Blue
#42B395
ΔE00 5.94
Seafoam Blue
#78D1B6
ΔE00 6.17
Darkseagreen
#8FBC8F
ΔE00 6.67
Tea
#65AB7C
ΔE00 6.87
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#75BB9C #BB7594
analogous
#75BB79 #75BB9C #75B7BB
triadic
#75BB9C #9C75BB #BB9C75
tetradic
#75BB9C #7975BB #BB7594 #B7BB75
square
#75BB9C #7975BB #BB7594 #B7BB75
split-complementary
#75BB9C #BB75B7 #BB7975
monochromatic
#3C7A5E #50A37E #75BB9C #9ECFB9 #C7E3D7
إمكانية الوصول والتباين
On white
2.25
#75BB9C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.34
#75BB9C on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #75BB9C
9.34:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##75BB9C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##75BB9C | 1.00 | 2.25 | 9.34 | 9.34 |
| #FFFFFF | 2.25 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.34 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.34 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B8B29A
Deuteranopia (green-blind)
#ADAA9E
Tritanopia (blue-blind)
#63BBB2
Achromatopsia (no color)
#ADADAD
وسوم التصميم والكود
CSS
--color: #75bb9c; /* rgb */ color: rgb(117, 187, 156); /* oklch */ color: oklch(73.7% 0.085 164.4);
Tailwind
colors: {
custom: {
50: '#9fcfb9',
500: '#75bb9c',
950: '#000000',
},
}SCSS
$custom: #75bb9c; $custom-light: #9fcfb9; $custom-dark: #000000;
JSON
{
"hex": "#75bb9c",
"rgb": {
"r": 117,
"g": 187,
"b": 156
},
"hsl": {
"h": 153.429,
"s": 33.981,
"l": 59.608
},
"oklch": {
"l": 0.73675,
"c": 0.08454,
"h": 164.4
},
"luminance": 0.41723
}Semantic roles & 50–950 ramp
primary
#75BB9C
secondary
#D3B8C4
accent
#5E8ECA
background
#FAFCFB
surface
#F3F9F6
border
#CDD2D0
text
#0F1411
muted
#7F8280