#B8D1CD#B8D1CD
#B8D1CD لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.602؛ OKLCH L 84.1% C 0.027 H 185.0°. أفضل لون لنص المتن هو #000000 بتباين 13.04:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B8D1CD |
|---|---|
| RGB | rgb(184, 209, 205) |
| HSL | hsl(170, 21%, 77%) |
| HSV | hsv(170, 12%, 82%) |
| CMYK | cmyk(12%, 0%, 1.9%, 18%) |
| CIE-LAB | lab(81.95, -9.13, -0.85) |
| CIE-LCH | lch(81.95, 9.17, 185.33°) |
| OKLab | oklab(84.09% -0.0273 -0.0024) |
| OKLCH | oklch(84.09% 0.027 185) |
| XYZ | xyz(53.5844, 60.1980, 66.5420) |
| Luminance | 0.6020 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Powder Blue
#B0E0E6
ΔE00 6.99
Lightblue
#ADD8E6
ΔE00 8.10
Silver (survey)
#C5C9C7
ΔE00 8.24
Light Grey
#D8DCD6
ΔE00 8.65
Paleturquoise
#AFEEEE
ΔE00 9.93
Lightcyan
#E0FFFF
ΔE00 10.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B8D1CD #D1B8BC
analogous
#B8D1C1 #B8D1CD #B8C9D1
triadic
#B8D1CD #CDB8D1 #D1CDB8
tetradic
#B8D1CD #C1B8D1 #D1B8BC #C9D1B8
square
#B8D1CD #C1B8D1 #D1B8BC #C9D1B8
split-complementary
#B8D1CD #D1B8C9 #D1C1B8
monochromatic
#6EA199 #93B9B3 #B8D1CD #DDE9E7 #ECF3F2
إمكانية الوصول والتباين
On white
1.61
#B8D1CD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.04
#B8D1CD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #B8D1CD
13.04:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B8D1CD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B8D1CD | 1.00 | 1.61 | 13.04 | 13.04 |
| #FFFFFF | 1.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.04 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.04 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CECECD
Deuteranopia (green-blind)
#C9CACD
Tritanopia (blue-blind)
#B2D2D0
Achromatopsia (no color)
#CCCCCC
وسوم التصميم والكود
CSS
--color: #b8d1cd; /* rgb */ color: rgb(184, 209, 205); /* oklch */ color: oklch(84.1% 0.027 185.0);
Tailwind
colors: {
custom: {
50: '#cddfdc',
500: '#b8d1cd',
950: '#000000',
},
}SCSS
$custom: #b8d1cd; $custom-light: #cddfdc; $custom-dark: #000000;
JSON
{
"hex": "#b8d1cd",
"rgb": {
"r": 184,
"g": 209,
"b": 205
},
"hsl": {
"h": 170.4,
"s": 21.368,
"l": 77.059
},
"oklch": {
"l": 0.84093,
"c": 0.0274,
"h": 185
},
"luminance": 0.60199
}Semantic roles & 50–950 ramp
primary
#B8D1CD
secondary
#A6878C
accent
#4654A0
background
#FEFEFE
surface
#FAFCFC
border
#D3D5D5
text
#131515
muted
#838484