Nazwany kolor · #E39B99
Mexicali Rose
Mexicali Rose to #E39B99: rgb(227 155 153), hsl(2 57% 75%), oklch(0.759 0.087 21.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Mexicali Rose color name →
#E39B99
oklch(0.759 0.087 21.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E7A5A3
- EAAFAD
- EDB9B7
- F0C3C1
- F3CDCB
- F6D7D5
- F8E1E0
- FBEBEA
- FDF5F4
Odcienie ciemniejsze
- C58684
- A87270
- 8C5E5D
- 714B4A
- 573938
- 3F2827
- 271817
- 120908
- 030101
Tony
- D99997
- CF9694
- C59392
- BC918F
- B28E8D
- A88B8A
- 9E8988
- 948685
- 8A8383
Harmonie kolorów
Komplementarna +180°
- E39B99
Mexicali Rose
- 67C2C8
≈ Luna Moona
Analogowa -30° +30°
- E39B99
Mexicali Rose
- DC9AB8
≈ Soft Matte
- DEA17E
≈ Pecos Spice
Triada +120° +240°
- E39B99
Mexicali Rose
- 93BF8B
≈ Nile Green
- 92B2E9
≈ Blue Skies Today
Komplementarna rozszczepiona +150° +210°
- E39B99
Mexicali Rose
- 75C3AA
≈ Gem Silica
- 75BBDE
≈ Pacific Harbour
Tetrada +90° +180° +270°
- E39B99
Mexicali Rose
- B3B775
≈ Green Curry
- 67C2C8
≈ Luna Moona
- B1A8E4
≈ Maximum Blue Purple
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.23:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.41:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.41:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
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);
}