Nearest named color · #FD9489
#FD9489
Nearest named color: Mona Lisa
#FD9489 (rgb(253 148 137), hsl(6 97% 76%), oklch(0.774 0.128 26.8)) is closest to the named color Mona Lisa. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FD9489
oklch(0.774 0.128 26.8)
Color conversions
- HEX
- #fd9489
- RGB
- rgb(253 148 137)
- HSL
- hsl(6 97% 76%)
- HWB
- hwb(6 54% 1%)
- OKLCH
- oklch(0.774 0.128 26.8)
- OKLab
- oklab(0.774 0.115 0.058)
- CIE Lab
- lab(72.63 39.6 23.87)
- LCH
- lch(72.63 46.24 31.1)
- CMYK
- cmyk(0% 42% 46% 1%)
Tints · Shades · Tones
Tints
- FF9F95
- FFAAA0
- FFB5AC
- FFC0B8
- FFCAC3
- FFD5CF
- FFE0DB
- FFEAE7
- FFF5F3
Shades
- DC8076
- BC6D64
- 9D5A53
- 7F4842
- 623631
- 472622
- 2D1614
- 160807
- 030101
Tones
- F19388
- E49188
- D88F87
- CC8E86
- BF8C85
- B38A84
- A68783
- 9A8582
- 8D8381
Color harmonies
Complementary +180°
- FD9489
Mona Lisa
- 1FCCDF
≈ Picnic Day Sky
Analogous -30° +30°
- FD9489
Mona Lisa
- F692B7
≈ Schauss Pink
- F39F5F
≈ Bergamot Orange
Triadic +120° +240°
- FD9489
Mona Lisa
- 7BCC84
≈ Serengeti Green
- 95B3FF
≈ Carolina Blue
Split-complementary +150° +210°
- FD9489
Mona Lisa
- 3ED0B4
≈ Simply Aqua
- 59C1FD
≈ Blue Mana
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.14:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.77:1 · APCA Lc 60
Best text color: #000000
WCAG 9.77:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--mona-lisa: #fd9489;
--mona-lisa-rgb: 253 148 137;
--mona-lisa-oklch: oklch(0.774 0.128 26.8);
}
.element {
color: var(--mona-lisa);
background-color: hsl(6 97% 76%);
border-color: oklch(0.774 0.128 26.8);
}Tailwind CSS v4
@theme {
--color-mona-lisa: #fd9489;
--color-mona-lisa-50: #ffe8e0;
--color-mona-lisa-100: #ffd9d0;
--color-mona-lisa-200: #ffc0b5;
--color-mona-lisa-300: #f29e92;
--color-mona-lisa-400: #e07f75;
--color-mona-lisa-500: #cd6056;
--color-mona-lisa-600: #ad524a;
--color-mona-lisa-700: #8b413b;
--color-mona-lisa-800: #682e2b;
--color-mona-lisa-900: #491f1d;
--color-mona-lisa-950: #300e0d;
}SCSS
$mona-lisa: #fd9489;
$mona-lisa-rgb: 253, 148, 137;
$mona-lisa-light: mix(#fff, $mona-lisa, 20%);
$mona-lisa-dark: mix(#000, $mona-lisa, 20%);
.element {
color: $mona-lisa;
box-shadow: 0 0 0 2px rgba($mona-lisa, 0.35);
}