Couleur nommée la plus proche · #FF9381
#FF9381
Couleur nommée la plus proche: Mona Lisa
#FF9381 (rgb(255 147 129), hsl(9 100% 75%), oklch(0.774 0.134 30.4)) est la plus proche de la couleur nommée Mona Lisa. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FF9381
oklch(0.774 0.134 30.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- FF9E8E
- FFA99A
- FFB4A7
- FFBFB3
- FFCAC0
- FFD5CC
- FFDFD9
- FFEAE5
- FFF4F2
Ombres
- DE7F6F
- BE6C5E
- 9E594E
- 80473E
- 63362E
- 48251F
- 2E1612
- 160806
- 030101
Tons
- F29281
- E69082
- D98F82
- CD8D82
- C08B82
- B48981
- A78781
- 9A8581
- 8D8380
Harmonies de couleurs
Complémentaire +180°
- FF9381
Mona Lisa
- 03CCE5
≈ Picnic Day Sky
Analogue -30° +30°
- FF9381
Mona Lisa
- FA8FB1
≈ Schauss Pink
- F3A056
≈ Bergamot Orange
Triadique +120° +240°
- FF9381
Mona Lisa
- 70CD88
≈ Serengeti Green
- 99B1FF
≈ Widowmaker
Complémentaire divisée +150° +210°
- FF9381
Mona Lisa
- 26D1B9
≈ Mint Leaf
- 60BFFF
≈ Hello Summer
Tétradique +90° +180° +270°
- FF9381
Mona Lisa
- AAC25A
≈ Jungle Juice
- 03CCE5
≈ Picnic Day Sky
- C3A1FD
≈ Diva
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.15:1 · APCA Lc 42
Ag
AAASur noir
WCAG 9.74:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.74:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
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);
}