#F2A09D#F2A09D
#F2A09D لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.465؛ OKLCH L 78.6% C 0.098 H 21.8°. أفضل لون لنص المتن هو #000000 بتباين 10.29:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #F2A09D |
|---|---|
| RGB | rgb(242, 160, 157) |
| HSL | hsl(2, 77%, 78%) |
| HSV | hsv(2, 35%, 95%) |
| CMYK | cmyk(0%, 33.9%, 35.1%, 5.1%) |
| CIE-LAB | lab(73.84, 30.11, 14.15) |
| CIE-LCH | lch(73.84, 33.27, 25.18°) |
| OKLab | oklab(78.6% 0.0913 0.0366) |
| OKLCH | oklch(78.6% 0.098 21.8) |
| XYZ | xyz(55.2766, 46.4571, 37.9475) |
| Luminance | 0.4645 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Blush (survey)
#F29E8E
ΔE00 4.75
Peachy Pink
#FF9A8A
ΔE00 5.59
Light Salmon
#FEA993
ΔE00 7.06
Lightpink
#FFB6C1
ΔE00 7.71
Lightcoral
#F08080
ΔE00 7.73
Blush Pink
#FE828C
ΔE00 7.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#F2A09D #9DEFF2
analogous
#F29DC4 #F2A09D #F2CA9D
triadic
#F2A09D #9DF2A0 #A09DF2
tetradic
#F2A09D #C4F29D #9DEFF2 #CA9DF2
square
#F2A09D #C4F29D #9DEFF2 #CA9DF2
split-complementary
#F2A09D #9DF2CA #9DC4F2
monochromatic
#E43731 #EB6C67 #F2A09D #F9D4D3 #FBE5E4
إمكانية الوصول والتباين
On white
2.04
#F2A09D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.29
#F2A09D on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #F2A09D
10.29:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##F2A09D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##F2A09D | 1.00 | 2.04 | 10.29 | 10.29 |
| #FFFFFF | 2.04 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.29 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.29 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B0AC9C
Deuteranopia (green-blind)
#C4BC9C
Tritanopia (blue-blind)
#FF97A0
Achromatopsia (no color)
#B5B5B5
وسوم التصميم والكود
CSS
--color: #f2a09d; /* rgb */ color: rgb(242, 160, 157); /* oklch */ color: oklch(78.6% 0.098 21.8);
Tailwind
colors: {
custom: {
50: '#f8bdb9',
500: '#f2a09d',
950: '#000000',
},
}SCSS
$custom: #f2a09d; $custom-light: #f8bdb9; $custom-dark: #000000;
JSON
{
"hex": "#f2a09d",
"rgb": {
"r": 242,
"g": 160,
"b": 157
},
"hsl": {
"h": 2.118,
"s": 76.577,
"l": 78.235
},
"oklch": {
"l": 0.78596,
"c": 0.09839,
"h": 21.8
},
"luminance": 0.46453
}Semantic roles & 50–950 ramp
primary
#F2A09D
secondary
#D8F2F3
accent
#D2D90D
background
#FFFBFB
surface
#FFF6F6
border
#D7D0D0
text
#171211
muted
#858180