#7ABDCC#7ABDCC
#7ABDCC لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.449؛ OKLCH L 75.9% C 0.071 H 213.4°. أفضل لون لنص المتن هو #000000 بتباين 9.98:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #7ABDCC |
|---|---|
| RGB | rgb(122, 189, 204) |
| HSL | hsl(191, 45%, 64%) |
| HSV | hsv(191, 40%, 80%) |
| CMYK | cmyk(40.2%, 7.4%, 0%, 20%) |
| CIE-LAB | lab(72.82, -17.37, -14.24) |
| CIE-LCH | lch(72.82, 22.46, 219.35°) |
| OKLab | oklab(75.9% -0.0593 -0.0391) |
| OKLCH | oklch(75.9% 0.071 213.4) |
| XYZ | xyz(37.1188, 44.8899, 63.8237) |
| Luminance | 0.4489 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
أقرب الألوان المُسمّاة
Sky Blue
#87CEEB
ΔE00 6.57
Baby Blue
#89CFF0
ΔE00 7.82
Turquoise Blue
#06B1C4
ΔE00 8.31
Lightblue
#ADD8E6
ΔE00 9.02
Greyblue
#77A1B5
ΔE00 9.34
Lightblue (survey)
#7BC8F6
ΔE00 10.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#7ABDCC #CC897A
analogous
#7ACCB2 #7ABDCC #7A94CC
triadic
#7ABDCC #CC7ABD #BDCC7A
tetradic
#7ABDCC #B27ACC #CC897A #94CC7A
square
#7ABDCC #B27ACC #CC897A #94CC7A
split-complementary
#7ABDCC #CC7A94 #CCB27A
monochromatic
#388393 #4EA7BB #7ABDCC #A6D3DD #D2E9EE
إمكانية الوصول والتباين
On white
2.10
#7ABDCC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.98
#7ABDCC on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #7ABDCC
9.98:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##7ABDCC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7ABDCC | 1.00 | 2.10 | 9.98 | 9.98 |
| #FFFFFF | 2.10 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.98 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.98 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B1B9CD
Deuteranopia (green-blind)
#A4AECC
Tritanopia (blue-blind)
#58C3C1
Achromatopsia (no color)
#B3B3B3
وسوم التصميم والكود
CSS
--color: #7abdcc; /* rgb */ color: rgb(122, 189, 204); /* oklch */ color: oklch(75.9% 0.071 213.4);
Tailwind
colors: {
custom: {
50: '#a4d1db',
500: '#7abdcc',
950: '#000000',
},
}SCSS
$custom: #7abdcc; $custom-light: #a4d1db; $custom-dark: #000000;
JSON
{
"hex": "#7abdcc",
"rgb": {
"r": 122,
"g": 189,
"b": 204
},
"hsl": {
"h": 190.976,
"s": 44.565,
"l": 63.922
},
"oklch": {
"l": 0.75895,
"c": 0.07109,
"h": 213.4
},
"luminance": 0.44892
}Semantic roles & 50–950 ramp
primary
#7ABDCC
secondary
#DFC8C3
accent
#472EB8
background
#FAFCFD
surface
#F4F9FB
border
#CED2D4
text
#0F1415
muted
#7F8283