#94BCAD#94BCAD
#94BCAD لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.453؛ OKLCH L 76.2% C 0.048 H 170.1°. أفضل لون لنص المتن هو #000000 بتباين 10.06:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #94BCAD |
|---|---|
| RGB | rgb(148, 188, 173) |
| HSL | hsl(158, 23%, 66%) |
| HSV | hsv(158, 21%, 74%) |
| CMYK | cmyk(21.3%, 0%, 8%, 26.3%) |
| CIE-LAB | lab(73.07, -16.45, 3.20) |
| CIE-LCH | lch(73.07, 16.76, 168.98°) |
| OKLab | oklab(76.18% -0.0472 0.0082) |
| OKLCH | oklch(76.18% 0.048 170.1) |
| XYZ | xyz(37.7366, 45.2782, 46.2783) |
| Luminance | 0.4528 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 6.97
Greenish Grey
#96AE8D
ΔE00 8.49
Greyish Teal
#719F91
ΔE00 9.01
Seafoam Blue
#78D1B6
ΔE00 9.05
Darkseagreen
#8FBC8F
ΔE00 9.31
Mediumaquamarine
#66CDAA
ΔE00 10.46
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#94BCAD #BC94A3
analogous
#94BC99 #94BCAD #94B7BC
triadic
#94BCAD #AD94BC #BCAD94
tetradic
#94BCAD #9994BC #BC94A3 #B7BC94
square
#94BCAD #9994BC #BC94A3 #B7BC94
split-complementary
#94BCAD #BC94B7 #BC9994
monochromatic
#528371 #6EA490 #94BCAD #BAD4CA #DFEBE7
إمكانية الوصول والتباين
On white
2.09
#94BCAD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.06
#94BCAD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #94BCAD
10.06:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##94BCAD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##94BCAD | 1.00 | 2.09 | 10.06 | 10.06 |
| #FFFFFF | 2.09 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.06 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.06 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BAB7AC
Deuteranopia (green-blind)
#B2B1AE
Tritanopia (blue-blind)
#8BBDB7
Achromatopsia (no color)
#B3B3B3
وسوم التصميم والكود
CSS
--color: #94bcad; /* rgb */ color: rgb(148, 188, 173); /* oklch */ color: oklch(76.2% 0.048 170.1);
Tailwind
colors: {
custom: {
50: '#b4d0c5',
500: '#94bcad',
950: '#000000',
},
}SCSS
$custom: #94bcad; $custom-light: #b4d0c5; $custom-dark: #000000;
JSON
{
"hex": "#94bcad",
"rgb": {
"r": 148,
"g": 188,
"b": 173
},
"hsl": {
"h": 157.5,
"s": 22.989,
"l": 65.882
},
"oklch": {
"l": 0.76182,
"c": 0.04794,
"h": 170.1
},
"luminance": 0.45279
}Semantic roles & 50–950 ramp
primary
#94BCAD
secondary
#DDCFD4
accent
#4467A1
background
#FBFCFC
surface
#F6F9F8
border
#D0D2D1
text
#111412
muted
#808281