#CEFBF7#CEFBF7
#CEFBF7 لون فاتح جداً وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.888؛ OKLCH L 95.6% C 0.046 H 189.8°. أفضل لون لنص المتن هو #000000 بتباين 18.77:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CEFBF7 |
|---|---|
| RGB | rgb(206, 251, 247) |
| HSL | hsl(175, 85%, 90%) |
| HSV | hsv(175, 18%, 98%) |
| CMYK | cmyk(17.9%, 0%, 1.6%, 1.6%) |
| CIE-LAB | lab(95.51, -15.07, -2.85) |
| CIE-LCH | lch(95.51, 15.34, 190.70°) |
| OKLab | oklab(95.56% -0.0456 -0.0078) |
| OKLCH | oklch(95.56% 0.046 189.8) |
| XYZ | xyz(76.7346, 88.8291, 101.0804) |
| Luminance | 0.8883 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Ice
#D6FFFA
ΔE00 1.36
Light Light Blue
#CAFFFB
ΔE00 1.75
Pale Blue
#D0FEFE
ΔE00 1.75
Very Pale Blue
#D6FFFE
ΔE00 1.98
Really Light Blue
#D4FFFF
ΔE00 2.05
Ice Blue (survey)
#D7FFFE
ΔE00 2.15
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CEFBF7 #FBCED2
analogous
#CEFBE1 #CEFBF7 #CEE9FB
triadic
#CEFBF7 #F7CEFB #FBF7CE
tetradic
#CEFBF7 #E1CEFB #FBCED2 #E9FBCE
square
#CEFBF7 #E1CEFB #FBCED2 #E9FBCE
split-complementary
#CEFBF7 #FBCEE9 #FBE1CE
monochromatic
#5DF2E5 #95F6EE #CEFBF7 #E3FDFA #E3FDFA
إمكانية الوصول والتباين
On white
1.12
#CEFBF7 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.77
#CEFBF7 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CEFBF7
18.77:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CEFBF7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CEFBF7 | 1.00 | 1.12 | 18.77 | 18.77 |
| #FFFFFF | 1.12 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.77 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.77 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F6F6F7
Deuteranopia (green-blind)
#EDEFF8
Tritanopia (blue-blind)
#C1FEFA
Achromatopsia (no color)
#F2F2F2
وسوم التصميم والكود
CSS
--color: #cefbf7; /* rgb */ color: rgb(206, 251, 247); /* oklch */ color: oklch(95.6% 0.046 189.8);
Tailwind
colors: {
custom: {
50: '#ddfcf9',
500: '#cefbf7',
950: '#000000',
},
}SCSS
$custom: #cefbf7; $custom-light: #ddfcf9; $custom-dark: #000000;
JSON
{
"hex": "#cefbf7",
"rgb": {
"r": 206,
"g": 251,
"b": 247
},
"hsl": {
"h": 174.667,
"s": 84.906,
"l": 89.608
},
"oklch": {
"l": 0.95563,
"c": 0.04626,
"h": 189.8
},
"luminance": 0.88832
}Semantic roles & 50–950 ramp
primary
#CEFBF7
secondary
#E28C93
accent
#0418E1
background
#FEFFFF
surface
#FCFFFF
border
#D5D7D7
text
#151717
muted
#848585