#6DD0DE#6DD0DE
#6DD0DE لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.536؛ OKLCH L 80.3% C 0.095 H 207.5°. أفضل لون لنص المتن هو #000000 بتباين 11.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #6DD0DE |
|---|---|
| RGB | rgb(109, 208, 222) |
| HSL | hsl(187, 63%, 65%) |
| HSV | hsv(187, 51%, 87%) |
| CMYK | cmyk(50.9%, 6.3%, 0%, 12.9%) |
| CIE-LAB | lab(78.25, -25.27, -15.87) |
| CIE-LCH | lch(78.25, 29.84, 212.12°) |
| OKLab | oklab(80.28% -0.0841 -0.0438) |
| OKLCH | oklch(80.28% 0.095 207.5) |
| XYZ | xyz(42.0422, 53.6332, 77.2298) |
| Luminance | 0.5364 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Aqua Blue
#02D8E9
ΔE00 5.05
Robin'S Egg
#6DEDFD
ΔE00 6.69
Neon Blue
#04D9FF
ΔE00 7.01
Darkturquoise
#00CED1
ΔE00 7.38
Sky Blue
#87CEEB
ΔE00 7.42
Robin Egg Blue
#8AF1FE
ΔE00 7.59
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#6DD0DE #DE7B6D
analogous
#6DDEB4 #6DD0DE #6D97DE
triadic
#6DD0DE #DE6DD0 #D0DE6D
tetradic
#6DD0DE #B46DDE #DE7B6D #97DE6D
square
#6DD0DE #B46DDE #DE7B6D #97DE6D
split-complementary
#6DD0DE #DE6D97 #DEB46D
monochromatic
#269AAA #3BC0D3 #6DD0DE #9FE0E9 #D1F0F5
إمكانية الوصول والتباين
On white
1.79
#6DD0DE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.73
#6DD0DE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #6DD0DE
11.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##6DD0DE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6DD0DE | 1.00 | 1.79 | 11.73 | 11.73 |
| #FFFFFF | 1.79 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.73 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.73 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C2C9DF
Deuteranopia (green-blind)
#B0BCDE
Tritanopia (blue-blind)
#1ED7D4
Achromatopsia (no color)
#C1C1C1
وسوم التصميم والكود
CSS
--color: #6dd0de; /* rgb */ color: rgb(109, 208, 222); /* oklch */ color: oklch(80.3% 0.095 207.5);
Tailwind
colors: {
custom: {
50: '#9fdee8',
500: '#6dd0de',
950: '#000000',
},
}SCSS
$custom: #6dd0de; $custom-light: #9fdee8; $custom-dark: #000000;
JSON
{
"hex": "#6dd0de",
"rgb": {
"r": 109,
"g": 208,
"b": 222
},
"hsl": {
"h": 187.434,
"s": 63.128,
"l": 64.902
},
"oklch": {
"l": 0.80276,
"c": 0.09484,
"h": 207.5
},
"luminance": 0.53637
}Semantic roles & 50–950 ramp
primary
#6DD0DE
secondary
#AC5043
accent
#301BCB
background
#FCFEFE
surface
#F6FCFC
border
#D0D5D5
text
#0F1516
muted
#808484