#BAD1CB#BAD1CB
#BAD1CB لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.604؛ OKLCH L 84.2% C 0.026 H 178.2°. أفضل لون لنص المتن هو #000000 بتباين 13.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BAD1CB |
|---|---|
| RGB | rgb(186, 209, 203) |
| HSL | hsl(164, 20%, 77%) |
| HSV | hsv(164, 11%, 82%) |
| CMYK | cmyk(11%, 0%, 2.9%, 18%) |
| CIE-LAB | lab(82.03, -8.86, 0.35) |
| CIE-LCH | lch(82.03, 8.87, 177.72°) |
| OKLab | oklab(84.18% -0.0261 0.0008) |
| OKLCH | oklch(84.18% 0.026 178.2) |
| XYZ | xyz(53.8272, 60.3509, 65.3013) |
| Luminance | 0.6035 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Powder Blue
#B0E0E6
ΔE00 7.89
Silver (survey)
#C5C9C7
ΔE00 7.93
Light Grey
#D8DCD6
ΔE00 8.13
Lightblue
#ADD8E6
ΔE00 9.16
Light Gray
#D3D3D3
ΔE00 10.37
Lightcyan
#E0FFFF
ΔE00 10.43
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BAD1CB #D1BAC0
analogous
#BAD1C0 #BAD1CB #BACBD1
triadic
#BAD1CB #CBBAD1 #D1CBBA
tetradic
#BAD1CB #C0BAD1 #D1BAC0 #CBD1BA
square
#BAD1CB #C0BAD1 #D1BAC0 #CBD1BA
split-complementary
#BAD1CB #D1BACB #D1C0BA
monochromatic
#71A094 #95B9AF #BAD1CB #DFE9E7 #EDF3F1
إمكانية الوصول والتباين
On white
1.61
#BAD1CB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.07
#BAD1CB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BAD1CB
13.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BAD1CB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BAD1CB | 1.00 | 1.61 | 13.07 | 13.07 |
| #FFFFFF | 1.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CFCECB
Deuteranopia (green-blind)
#CACBCB
Tritanopia (blue-blind)
#B5D2CF
Achromatopsia (no color)
#CCCCCC
وسوم التصميم والكود
CSS
--color: #bad1cb; /* rgb */ color: rgb(186, 209, 203); /* oklch */ color: oklch(84.2% 0.026 178.2);
Tailwind
colors: {
custom: {
50: '#cedfda',
500: '#bad1cb',
950: '#000000',
},
}SCSS
$custom: #bad1cb; $custom-light: #cedfda; $custom-dark: #000000;
JSON
{
"hex": "#bad1cb",
"rgb": {
"r": 186,
"g": 209,
"b": 203
},
"hsl": {
"h": 164.348,
"s": 20,
"l": 77.451
},
"oklch": {
"l": 0.84176,
"c": 0.02608,
"h": 178.2
},
"luminance": 0.60352
}Semantic roles & 50–950 ramp
primary
#BAD1CB
secondary
#A68991
accent
#475E9E
background
#FEFEFE
surface
#FBFCFB
border
#D4D5D4
text
#131514
muted
#838483