Colore con nome · #E39B99
Mexicali Rose
Mexicali Rose è #E39B99: rgb(227 155 153), hsl(2 57% 75%), oklch(0.759 0.087 21.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Mexicali Rose color name →
#E39B99
oklch(0.759 0.087 21.1)
Conversioni di colore
- HEX
- #e39b99
- RGB
- rgb(227 155 153)
- HSL
- hsl(2 57% 75%)
- HWB
- hwb(2 60% 11%)
- OKLCH
- oklch(0.759 0.087 21.1)
- OKLab
- oklab(0.759 0.081 0.031)
- CIE Lab
- lab(71.23 27.52 12.57)
- LCH
- lch(71.23 30.25 24.6)
- CMYK
- cmyk(0% 32% 33% 11%)
Tinte · Ombre · Toni
Tinte
- E7A5A3
- EAAFAD
- EDB9B7
- F0C3C1
- F3CDCB
- F6D7D5
- F8E1E0
- FBEBEA
- FDF5F4
Ombre
- C58684
- A87270
- 8C5E5D
- 714B4A
- 573938
- 3F2827
- 271817
- 120908
- 030101
Toni
- D99997
- CF9694
- C59392
- BC918F
- B28E8D
- A88B8A
- 9E8988
- 948685
- 8A8383
Armonie di colore
Complementare +180°
- E39B99
Mexicali Rose
- 67C2C8
≈ Luna Moona
Analogo -30° +30°
- E39B99
Mexicali Rose
- DC9AB8
≈ Soft Matte
- DEA17E
≈ Pecos Spice
Triadico +120° +240°
- E39B99
Mexicali Rose
- 93BF8B
≈ Nile Green
- 92B2E9
≈ Blue Skies Today
Complementare divisa +150° +210°
- E39B99
Mexicali Rose
- 75C3AA
≈ Gem Silica
- 75BBDE
≈ Pacific Harbour
Tetradico +90° +180° +270°
- E39B99
Mexicali Rose
- B3B775
≈ Green Curry
- 67C2C8
≈ Luna Moona
- B1A8E4
≈ Maximum Blue Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.23:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.41:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--mexicali-rose: #e39b99;
--mexicali-rose-rgb: 227 155 153;
--mexicali-rose-oklch: oklch(0.759 0.087 21.1);
}
.element {
color: var(--mexicali-rose);
background-color: hsl(2 57% 75%);
border-color: oklch(0.759 0.087 21.1);
}Tailwind CSS v4
@theme {
--color-mexicali-rose: #e39b99;
--color-mexicali-rose-50: #ffecea;
--color-mexicali-rose-100: #ffddda;
--color-mexicali-rose-200: #f8c6c3;
--color-mexicali-rose-300: #e1a6a3;
--color-mexicali-rose-400: #cd8a88;
--color-mexicali-rose-500: #b96e6d;
--color-mexicali-rose-600: #9c5d5c;
--color-mexicali-rose-700: #7d4b4a;
--color-mexicali-rose-800: #5d3636;
--color-mexicali-rose-900: #412525;
--color-mexicali-rose-950: #291314;
}SCSS
$mexicali-rose: #e39b99;
$mexicali-rose-rgb: 227, 155, 153;
$mexicali-rose-light: mix(#fff, $mexicali-rose, 20%);
$mexicali-rose-dark: mix(#000, $mexicali-rose, 20%);
.element {
color: $mexicali-rose;
box-shadow: 0 0 0 2px rgba($mexicali-rose, 0.35);
}