#F3E4EB#F3E4EB
#F3E4EB لون فاتح جداً ومحايد تقريباً من عائلة زهري. الإضاءة النسبية 0.805؛ OKLCH L 93.3% C 0.019 H 347.4°. أفضل لون لنص المتن هو #000000 بتباين 17.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #F3E4EB |
|---|---|
| RGB | rgb(243, 228, 235) |
| HSL | hsl(332, 38%, 92%) |
| HSV | hsv(332, 6%, 95%) |
| CMYK | cmyk(0%, 6.2%, 3.3%, 4.7%) |
| CIE-LAB | lab(91.93, 6.29, -1.57) |
| CIE-LCH | lch(91.93, 6.48, 346.02°) |
| OKLab | oklab(93.28% 0.0183 -0.0041) |
| OKLCH | oklch(93.28% 0.019 347.4) |
| XYZ | xyz(79.6990, 80.5404, 89.9284) |
| Luminance | 0.8054 (WCAG relative) |
| Temperature | warm |
| Family | pink |
أقرب الألوان المُسمّاة
Lavenderblush
#FFF0F5
ΔE00 2.66
Mistyrose
#FFE4E1
ΔE00 5.68
Very Light Pink
#FFF4F2
ΔE00 5.68
Snow
#FFFAFA
ΔE00 7.03
Ghostwhite
#F8F8FF
ΔE00 7.33
Lavender (CSS)
#E6E6FA
ΔE00 7.57
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#F3E4EB #E4F3EC
analogous
#F3E4F3 #F3E4EB #F3E5E4
triadic
#F3E4EB #EBF3E4 #E4EBF3
tetradic
#F3E4EB #F3F3E4 #E4F3EC #E5E4F3
square
#F3E4EB #F3F3E4 #E4F3EC #E5E4F3
split-complementary
#F3E4EB #E4F3E5 #E4F3F3
monochromatic
#CD8FAC #E0BACC #F3E4EB #F6EAEF #F6EAEF
إمكانية الوصول والتباين
On white
1.23
#F3E4EB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.11
#F3E4EB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #F3E4EB
17.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##F3E4EB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F3E4EB | 1.00 | 1.23 | 17.11 | 17.11 |
| #FFFFFF | 1.23 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.11 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.11 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#E5E6EB
Deuteranopia (green-blind)
#E8E9EB
Tritanopia (blue-blind)
#F5E4E6
Achromatopsia (no color)
#E8E8E8
وسوم التصميم والكود
CSS
--color: #f3e4eb; /* rgb */ color: rgb(243, 228, 235); /* oklch */ color: oklch(93.3% 0.019 347.4);
Tailwind
colors: {
custom: {
50: '#f7ecf1',
500: '#f3e4eb',
950: '#000000',
},
}SCSS
$custom: #f3e4eb; $custom-light: #f7ecf1; $custom-dark: #000000;
JSON
{
"hex": "#f3e4eb",
"rgb": {
"r": 243,
"g": 228,
"b": 235
},
"hsl": {
"h": 332,
"s": 38.462,
"l": 92.353
},
"oklch": {
"l": 0.93278,
"c": 0.01871,
"h": 347.4
},
"luminance": 0.8054
}Semantic roles & 50–950 ramp
primary
#F3E4EB
secondary
#ACCFBF
accent
#B17734
background
#FFFEFF
surface
#FEFDFE
border
#D6D5D6
text
#171616
muted
#858485