#BDE7EE#BDE7EE
#BDE7EE لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.741؛ OKLCH L 90.0% C 0.045 H 208.8°. أفضل لون لنص المتن هو #000000 بتباين 15.83:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #BDE7EE |
|---|---|
| RGB | rgb(189, 231, 238) |
| HSL | hsl(189, 59%, 84%) |
| HSV | hsv(189, 21%, 93%) |
| CMYK | cmyk(20.6%, 2.9%, 0%, 6.7%) |
| CIE-LAB | lab(88.99, -12.05, -7.90) |
| CIE-LCH | lch(88.99, 14.40, 213.24°) |
| OKLab | oklab(90.05% -0.039 -0.0214) |
| OKLCH | oklch(90.05% 0.045 208.8) |
| XYZ | xyz(64.9904, 74.1414, 91.7588) |
| Luminance | 0.7414 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Powder Blue
#B0E0E6
ΔE00 2.45
Pale Sky Blue
#BDF6FE
ΔE00 4.09
Lightblue
#ADD8E6
ΔE00 4.44
Light Sky Blue
#C6FCFF
ΔE00 5.29
Pale Blue
#D0FEFE
ΔE00 5.71
Very Light Blue
#D5FFFF
ΔE00 5.81
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#BDE7EE #EEC4BD
analogous
#BDEEDC #BDE7EE #BDCEEE
triadic
#BDE7EE #EEBDE7 #E7EEBD
tetradic
#BDE7EE #DCBDEE #EEC4BD #CEEEBD
square
#BDE7EE #DCBDEE #EEC4BD #CEEEBD
split-complementary
#BDE7EE #EEBDCE #EEDCBD
monochromatic
#5CC4D5 #8CD5E1 #BDE7EE #E7F6F9 #E7F6F9
إمكانية الوصول والتباين
On white
1.33
#BDE7EE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.83
#BDE7EE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #BDE7EE
15.83:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##BDE7EE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BDE7EE | 1.00 | 1.33 | 15.83 | 15.83 |
| #FFFFFF | 1.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.83 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.83 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E0E3EE
Deuteranopia (green-blind)
#D7DDEE
Tritanopia (blue-blind)
#AEEBE9
Achromatopsia (no color)
#DFDFDF
وسوم التصميم والكود
CSS
--color: #bde7ee; /* rgb */ color: rgb(189, 231, 238); /* oklch */ color: oklch(90.0% 0.045 208.8);
Tailwind
colors: {
custom: {
50: '#d1eef3',
500: '#bde7ee',
950: '#000000',
},
}SCSS
$custom: #bde7ee; $custom-light: #d1eef3; $custom-dark: #000000;
JSON
{
"hex": "#bde7ee",
"rgb": {
"r": 189,
"g": 231,
"b": 238
},
"hsl": {
"h": 188.571,
"s": 59.036,
"l": 83.725
},
"oklch": {
"l": 0.90048,
"c": 0.04455,
"h": 208.8
},
"luminance": 0.74144
}Semantic roles & 50–950 ramp
primary
#BDE7EE
secondary
#CC8E83
accent
#371FC7
background
#FEFFFF
surface
#FBFEFE
border
#D4D6D6
text
#141617
muted
#838585