#EFB6BE#EFB6BE
#EFB6BE لون فاتح جداً ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.555؛ OKLCH L 83.0% C 0.067 H 9.2°. أفضل لون لنص المتن هو #000000 بتباين 12.10:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #EFB6BE |
|---|---|
| RGB | rgb(239, 182, 190) |
| HSL | hsl(352, 64%, 83%) |
| HSV | hsv(352, 24%, 94%) |
| CMYK | cmyk(0%, 23.8%, 20.5%, 6.3%) |
| CIE-LAB | lab(79.34, 21.78, 3.98) |
| CIE-LCH | lch(79.34, 22.14, 10.35°) |
| OKLab | oklab(83.03% 0.066 0.0107) |
| OKLCH | oklch(83.03% 0.067 9.2) |
| XYZ | xyz(61.6193, 55.5271, 56.1773) |
| Luminance | 0.5552 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pink
#FFC0CB
ΔE00 3.21
Pale Rose
#FDC1C5
ΔE00 3.24
Bubblegum
#FFC1CC
ΔE00 3.31
Lightpink
#FFB6C1
ΔE00 3.33
Light Rose
#FFC5CB
ΔE00 3.73
Soft Pink
#FDB0C0
ΔE00 4.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#EFB6BE #B6EFE7
analogous
#EFB6DA #EFB6BE #EFCAB6
triadic
#EFB6BE #BEEFB6 #B6BEEF
tetradic
#EFB6BE #DAEFB6 #B6EFE7 #CAB6EF
square
#EFB6BE #DAEFB6 #B6EFE7 #CAB6EF
split-complementary
#EFB6BE #B6EFCA #B6DAEF
monochromatic
#D95265 #E48491 #EFB6BE #F9E6E9 #F9E6E9
إمكانية الوصول والتباين
On white
1.73
#EFB6BE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.10
#EFB6BE on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #EFB6BE
12.10:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##EFB6BE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##EFB6BE | 1.00 | 1.73 | 12.10 | 12.10 |
| #FFFFFF | 1.73 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.10 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.10 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BFBEBE
Deuteranopia (green-blind)
#CCC8BD
Tritanopia (blue-blind)
#FAB2B9
Achromatopsia (no color)
#C5C5C5
وسوم التصميم والكود
CSS
--color: #efb6be; /* rgb */ color: rgb(239, 182, 190); /* oklch */ color: oklch(83.0% 0.067 9.2);
Tailwind
colors: {
custom: {
50: '#f5ccd1',
500: '#efb6be',
950: '#000000',
},
}SCSS
$custom: #efb6be; $custom-light: #f5ccd1; $custom-dark: #000000;
JSON
{
"hex": "#efb6be",
"rgb": {
"r": 239,
"g": 182,
"b": 190
},
"hsl": {
"h": 351.579,
"s": 64.045,
"l": 82.549
},
"oklch": {
"l": 0.83025,
"c": 0.06683,
"h": 9.2
},
"luminance": 0.55524
}Semantic roles & 50–950 ramp
primary
#EFB6BE
secondary
#7CCDC2
accent
#CCB31A
background
#FFFEFE
surface
#FEFAFB
border
#D6D3D4
text
#171314
muted
#858383