#F38E95#F38E95
#F38E95 لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.406؛ OKLCH L 75.5% C 0.123 H 16.0°. أفضل لون لنص المتن هو #000000 بتباين 9.11:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #F38E95 |
|---|---|
| RGB | rgb(243, 142, 149) |
| HSL | hsl(356, 81%, 75%) |
| HSV | hsv(356, 42%, 95%) |
| CMYK | cmyk(0%, 41.6%, 38.7%, 4.7%) |
| CIE-LAB | lab(69.88, 38.94, 13.02) |
| CIE-LCH | lch(69.88, 41.06, 18.49°) |
| OKLab | oklab(75.53% 0.1179 0.0337) |
| OKLCH | oklch(75.53% 0.123 16) |
| XYZ | xyz(52.0625, 40.5751, 33.5178) |
| Luminance | 0.4057 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Blush Pink
#FE828C
ΔE00 3.31
Rose Pink
#F7879A
ΔE00 3.48
Lightcoral
#F08080
ΔE00 4.58
Carnation
#FD798F
ΔE00 5.25
Dusty Pink (survey)
#D58A94
ΔE00 5.90
Salmon Pink
#FE7B7C
ΔE00 5.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#F38E95 #8EF3EC
analogous
#F38EC7 #F38E95 #F3BA8E
triadic
#F38E95 #95F38E #8E95F3
tetradic
#F38E95 #C7F38E #8EF3EC #BA8EF3
square
#F38E95 #C7F38E #8EF3EC #BA8EF3
split-complementary
#F38E95 #8EF3BA #8EC7F3
monochromatic
#E71F2D #ED5761 #F38E95 #F9C5C9 #FCE3E5
إمكانية الوصول والتباين
On white
2.30
#F38E95 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.11
#F38E95 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #F38E95
9.11:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##F38E95 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F38E95 | 1.00 | 2.30 | 9.11 | 9.11 |
| #FFFFFF | 2.30 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.11 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.11 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A29F95
Deuteranopia (green-blind)
#BAB293
Tritanopia (blue-blind)
#FF8391
Achromatopsia (no color)
#ABABAB
وسوم التصميم والكود
CSS
--color: #f38e95; /* rgb */ color: rgb(243, 142, 149); /* oklch */ color: oklch(75.5% 0.123 16.0);
Tailwind
colors: {
custom: {
50: '#fab0b4',
500: '#f38e95',
950: '#000000',
},
}SCSS
$custom: #f38e95; $custom-light: #fab0b4; $custom-dark: #000000;
JSON
{
"hex": "#f38e95",
"rgb": {
"r": 243,
"g": 142,
"b": 149
},
"hsl": {
"h": 355.842,
"s": 80.8,
"l": 75.49
},
"oklch": {
"l": 0.75527,
"c": 0.1226,
"h": 16
},
"luminance": 0.40571
}Semantic roles & 50–950 ramp
primary
#F38E95
secondary
#D7F4F2
accent
#DDCE08
background
#FFFBFB
surface
#FFF6F6
border
#D7D0D0
text
#181111
muted
#868080