#78BAAE#78BAAE
#78BAAE لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.422؛ OKLCH L 74.1% C 0.070 H 181.6°. أفضل لون لنص المتن هو #000000 بتباين 9.43:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #78BAAE |
|---|---|
| RGB | rgb(120, 186, 174) |
| HSL | hsl(169, 32%, 60%) |
| HSV | hsv(169, 35%, 73%) |
| CMYK | cmyk(35.5%, 0%, 6.5%, 27.1%) |
| CIE-LAB | lab(70.98, -23.72, -0.57) |
| CIE-LCH | lch(70.98, 23.72, 181.39°) |
| OKLab | oklab(74.11% -0.0697 -0.0019) |
| OKLCH | oklch(74.11% 0.07 181.6) |
| XYZ | xyz(32.9419, 42.1648, 46.4390) |
| Luminance | 0.4217 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Pale Teal
#82CBB2
ΔE00 6.05
Seafoam Blue
#78D1B6
ΔE00 7.48
Tealish
#24BCA8
ΔE00 7.71
Topaz
#13BBAF
ΔE00 7.73
Lightseagreen
#20B2AA
ΔE00 7.91
Greyish Teal
#719F91
ΔE00 8.15
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#78BAAE #BA7884
analogous
#78BA8D #78BAAE #78A5BA
triadic
#78BAAE #AE78BA #BAAE78
tetradic
#78BAAE #8D78BA #BA7884 #A5BA78
square
#78BAAE #8D78BA #BA7884 #A5BA78
split-complementary
#78BAAE #BA78A5 #BA8D78
monochromatic
#3E7A6F #53A294 #78BAAE #A0CFC6 #C9E3DF
إمكانية الوصول والتباين
On white
2.23
#78BAAE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.43
#78BAAE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #78BAAE
9.43:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##78BAAE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##78BAAE | 1.00 | 2.23 | 9.43 | 9.43 |
| #FFFFFF | 2.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.43 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.43 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B4B3AE
Deuteranopia (green-blind)
#A9AAAF
Tritanopia (blue-blind)
#62BCB6
Achromatopsia (no color)
#AEAEAE
وسوم التصميم والكود
CSS
--color: #78baae; /* rgb */ color: rgb(120, 186, 174); /* oklch */ color: oklch(74.1% 0.070 181.6);
Tailwind
colors: {
custom: {
50: '#a1cfc6',
500: '#78baae',
950: '#000000',
},
}SCSS
$custom: #78baae; $custom-light: #a1cfc6; $custom-dark: #000000;
JSON
{
"hex": "#78baae",
"rgb": {
"r": 120,
"g": 186,
"b": 174
},
"hsl": {
"h": 169.091,
"s": 32.353,
"l": 60
},
"oklch": {
"l": 0.7411,
"c": 0.06976,
"h": 181.6
},
"luminance": 0.42167
}Semantic roles & 50–950 ramp
primary
#78BAAE
secondary
#D4BABF
accent
#5F72C9
background
#FAFCFC
surface
#F4F9F8
border
#CED2D1
text
#0F1313
muted
#7F8282