#6ECEB8#6ECEB8
#6ECEB8 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.509؛ OKLCH L 78.6% C 0.097 H 176.9°. أفضل لون لنص المتن هو #000000 بتباين 11.18:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #6ECEB8 |
|---|---|
| RGB | rgb(110, 206, 184) |
| HSL | hsl(166, 49%, 62%) |
| HSV | hsv(166, 47%, 81%) |
| CMYK | cmyk(46.6%, 0%, 10.7%, 19.2%) |
| CIE-LAB | lab(76.63, -33.68, 2.17) |
| CIE-LCH | lch(76.63, 33.75, 176.31°) |
| OKLab | oklab(78.62% -0.0971 0.0052) |
| OKLCH | oklch(78.62% 0.097 176.9) |
| XYZ | xyz(37.1499, 50.9153, 53.2081) |
| Luminance | 0.5092 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Seafoam Blue
#78D1B6
ΔE00 2.11
Pale Teal
#82CBB2
ΔE00 3.23
Mediumaquamarine
#66CDAA
ΔE00 4.03
Turquoise
#40E0D0
ΔE00 6.30
Turquoise (survey)
#06C2AC
ΔE00 6.38
Aquamarine (survey)
#04D8B2
ΔE00 6.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#6ECEB8 #CE6E84
analogous
#6ECE88 #6ECEB8 #6EB4CE
triadic
#6ECEB8 #B86ECE #CEB86E
tetradic
#6ECEB8 #886ECE #CE6E84 #B4CE6E
square
#6ECEB8 #886ECE #CE6E84 #B4CE6E
split-complementary
#6ECEB8 #CE6EB4 #CE886E
monochromatic
#31917B #40BEA2 #6ECEB8 #9CDDCE #C9EDE5
إمكانية الوصول والتباين
On white
1.88
#6ECEB8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.18
#6ECEB8 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #6ECEB8
11.18:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##6ECEB8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6ECEB8 | 1.00 | 1.88 | 11.18 | 11.18 |
| #FFFFFF | 1.88 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.18 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.18 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C8C4B7
Deuteranopia (green-blind)
#B8B8BA
Tritanopia (blue-blind)
#47D0C7
Achromatopsia (no color)
#BDBDBD
وسوم التصميم والكود
CSS
--color: #6eceb8; /* rgb */ color: rgb(110, 206, 184); /* oklch */ color: oklch(78.6% 0.097 176.9);
Tailwind
colors: {
custom: {
50: '#9dddcd',
500: '#6eceb8',
950: '#000000',
},
}SCSS
$custom: #6eceb8; $custom-light: #9dddcd; $custom-dark: #000000;
JSON
{
"hex": "#6eceb8",
"rgb": {
"r": 110,
"g": 206,
"b": 184
},
"hsl": {
"h": 166.25,
"s": 49.485,
"l": 61.961
},
"oklch": {
"l": 0.78623,
"c": 0.09728,
"h": 176.9
},
"luminance": 0.50918
}Semantic roles & 50–950 ramp
primary
#6ECEB8
secondary
#97495B
accent
#294BBD
background
#FCFEFE
surface
#F5FCFA
border
#CFD5D3
text
#0F1513
muted
#808483