Nearest named color · #FF9381
#FF9381
Nearest named color: Mona Lisa
#FF9381 (rgb(255 147 129), hsl(9 100% 75%), oklch(0.774 0.134 30.4)) is closest to the named color Mona Lisa. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FF9381
oklch(0.774 0.134 30.4)
Color conversions
- HEX
- #ff9381
- RGB
- rgb(255 147 129)
- HSL
- hsl(9 100% 75%)
- HWB
- hwb(9 51% 0%)
- OKLCH
- oklch(0.774 0.134 30.4)
- OKLab
- oklab(0.774 0.115 0.068)
- CIE Lab
- lab(72.56 40.3 28.19)
- LCH
- lch(72.56 49.19 35)
- CMYK
- cmyk(0% 42% 49% 0%)
Tints · Shades · Tones
Tints
- FF9E8E
- FFA99A
- FFB4A7
- FFBFB3
- FFCAC0
- FFD5CC
- FFDFD9
- FFEAE5
- FFF4F2
Shades
- DE7F6F
- BE6C5E
- 9E594E
- 80473E
- 63362E
- 48251F
- 2E1612
- 160806
- 030101
Tones
- F29281
- E69082
- D98F82
- CD8D82
- C08B82
- B48981
- A78781
- 9A8581
- 8D8380
Color harmonies
Complementary +180°
- FF9381
Mona Lisa
- 03CCE5
≈ Picnic Day Sky
Analogous -30° +30°
- FF9381
Mona Lisa
- FA8FB1
≈ Schauss Pink
- F3A056
≈ Bergamot Orange
Triadic +120° +240°
- FF9381
Mona Lisa
- 70CD88
≈ Serengeti Green
- 99B1FF
≈ Widowmaker
Split-complementary +150° +210°
- FF9381
Mona Lisa
- 26D1B9
≈ Mint Leaf
- 60BFFF
≈ Hello Summer
Tetradic +90° +180° +270°
- FF9381
Mona Lisa
- AAC25A
≈ Jungle Juice
- 03CCE5
≈ Picnic Day Sky
- C3A1FD
≈ Diva
Contrast & accessibility
Ag
FailOn white
WCAG 2.15:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.74:1 · APCA Lc 60
Best text color: #000000
WCAG 9.74:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--mona-lisa: #ff9381;
--mona-lisa-rgb: 255 147 129;
--mona-lisa-oklch: oklch(0.774 0.134 30.4);
}
.element {
color: var(--mona-lisa);
background-color: hsl(9 100% 75%);
border-color: oklch(0.774 0.134 30.4);
}Tailwind CSS v4
@theme {
--color-mona-lisa: #ff9381;
--color-mona-lisa-50: #ffe8dd;
--color-mona-lisa-100: #ffd8cc;
--color-mona-lisa-200: #ffc0b0;
--color-mona-lisa-300: #f49e8c;
--color-mona-lisa-400: #e27e6e;
--color-mona-lisa-500: #d05e4d;
--color-mona-lisa-600: #af5142;
--color-mona-lisa-700: #8d4035;
--color-mona-lisa-800: #692e27;
--color-mona-lisa-900: #4a1f1a;
--color-mona-lisa-950: #300e0b;
}SCSS
$mona-lisa: #ff9381;
$mona-lisa-rgb: 255, 147, 129;
$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);
}