#FF9996#FF9996
#FF9996 لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.462؛ OKLCH L 78.8% C 0.123 H 22.0°. أفضل لون لنص المتن هو #000000 بتباين 10.25:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #FF9996 |
|---|---|
| RGB | rgb(255, 153, 150) |
| HSL | hsl(2, 100%, 79%) |
| HSV | hsv(2, 41%, 100%) |
| CMYK | cmyk(0%, 40%, 41.2%, 0%) |
| CIE-LAB | lab(73.71, 37.77, 18.04) |
| CIE-LCH | lch(73.71, 41.86, 25.53°) |
| OKLab | oklab(78.77% 0.1139 0.0461) |
| OKLCH | oklch(78.77% 0.123 22) |
| XYZ | xyz(58.1392, 46.2495, 34.7133) |
| Luminance | 0.4624 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Peachy Pink
#FF9A8A
ΔE00 4.34
Blush (survey)
#F29E8E
ΔE00 5.22
Blush Pink
#FE828C
ΔE00 5.73
Lightcoral
#F08080
ΔE00 6.12
Salmon Pink
#FE7B7C
ΔE00 6.61
Salmon
#FA8072
ΔE00 7.28
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#FF9996 #96FCFF
analogous
#FF96C8 #FF9996 #FFCE96
triadic
#FF9996 #96FF99 #9996FF
tetradic
#FF9996 #C8FF96 #96FCFF #CE96FF
square
#FF9996 #C8FF96 #96FCFF #CE96FF
split-complementary
#FF9996 #96FFCE #96C8FF
monochromatic
#FF221C #FF5E59 #FF9996 #FFD4D3 #FFE1E0
إمكانية الوصول والتباين
On white
2.05
#FF9996 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.25
#FF9996 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #FF9996
10.25:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##FF9996 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##FF9996 | 1.00 | 2.05 | 10.25 | 10.25 |
| #FFFFFF | 2.05 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.25 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.25 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#AEA995
Deuteranopia (green-blind)
#C7BD94
Tritanopia (blue-blind)
#FF8C99
Achromatopsia (no color)
#B5B5B5
وسوم التصميم والكود
CSS
--color: #ff9996; /* rgb */ color: rgb(255, 153, 150); /* oklch */ color: oklch(78.8% 0.123 22.0);
Tailwind
colors: {
custom: {
50: '#ffb8b4',
500: '#ff9996',
950: '#000000',
},
}SCSS
$custom: #ff9996; $custom-light: #ffb8b4; $custom-dark: #000000;
JSON
{
"hex": "#ff9996",
"rgb": {
"r": 255,
"g": 153,
"b": 150
},
"hsl": {
"h": 1.714,
"s": 100,
"l": 79.412
},
"oklch": {
"l": 0.78775,
"c": 0.1229,
"h": 22
},
"luminance": 0.46244
}Semantic roles & 50–950 ramp
primary
#FF9996
secondary
#D4F6F7
accent
#DFE600
background
#FFFBFB
surface
#FFF6F6
border
#D7D0D0
text
#181111
muted
#868080