#B2DEAF#B2DEAF
#B2DEAF لون فاتح جداً ومتوسط التشبّع من عائلة أخضر. الإضاءة النسبية 0.648؛ OKLCH L 85.7% C 0.079 H 143.2°. أفضل لون لنص المتن هو #000000 بتباين 13.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #B2DEAF |
|---|---|
| RGB | rgb(178, 222, 175) |
| HSL | hsl(116, 42%, 78%) |
| HSV | hsv(116, 21%, 87%) |
| CMYK | cmyk(19.8%, 0%, 21.2%, 12.9%) |
| CIE-LAB | lab(84.38, -23.17, 18.46) |
| CIE-LCH | lch(84.38, 29.62, 141.46°) |
| OKLab | oklab(85.7% -0.0632 0.0473) |
| OKLCH | oklch(85.7% 0.079 143.2) |
| XYZ | xyz(52.2173, 64.8014, 50.3059) |
| Luminance | 0.6480 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Light Grey Green
#B7E1A1
ΔE00 4.13
Light Sage
#BCECAC
ΔE00 4.65
Hospital Green
#9BE5AA
ΔE00 5.02
Mint
#AAF0C1
ΔE00 5.50
Very Pale Green
#CFFDBC
ΔE00 7.57
Celadon
#BEFDB7
ΔE00 7.71
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#B2DEAF #DBAFDE
analogous
#C9DEAF #B2DEAF #AFDEC3
triadic
#B2DEAF #AFB2DE #DEAFB2
tetradic
#B2DEAF #AFC9DE #DBAFDE #DEC3AF
square
#B2DEAF #AFC9DE #DBAFDE #DEC3AF
split-complementary
#B2DEAF #C3AFDE #DEAFC9
monochromatic
#5FBA58 #88CC84 #B2DEAF #DCF0DA #EAF6E9
إمكانية الوصول والتباين
On white
1.50
#B2DEAF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.96
#B2DEAF on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #B2DEAF
13.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##B2DEAF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B2DEAF | 1.00 | 1.50 | 13.96 | 13.96 |
| #FFFFFF | 1.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.96 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.96 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E0D5AC
Deuteranopia (green-blind)
#D9D1B1
Tritanopia (blue-blind)
#AFDBD1
Achromatopsia (no color)
#D3D3D3
وسوم التصميم والكود
CSS
--color: #b2deaf; /* rgb */ color: rgb(178, 222, 175); /* oklch */ color: oklch(85.7% 0.079 143.2);
Tailwind
colors: {
custom: {
50: '#c9e8c7',
500: '#b2deaf',
950: '#000000',
},
}SCSS
$custom: #b2deaf; $custom-light: #c9e8c7; $custom-dark: #000000;
JSON
{
"hex": "#b2deaf",
"rgb": {
"r": 178,
"g": 222,
"b": 175
},
"hsl": {
"h": 116.17,
"s": 41.593,
"l": 77.843
},
"oklch": {
"l": 0.85704,
"c": 0.07894,
"h": 143.2
},
"luminance": 0.64803
}Semantic roles & 50–950 ramp
primary
#B2DEAF
secondary
#B37BB6
accent
#31B5AC
background
#FDFEFD
surface
#F9FCF9
border
#D2D5D2
text
#131613
muted
#828482