Colore con nome · #E35B8F
Carmine Rose
Carmine Rose è #E35B8F: rgb(227 91 143), hsl(337 71% 62%), oklch(0.659 0.176 359.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Carmine Rose color name →
#E35B8F
oklch(0.659 0.176 359.3)
Conversioni di colore
- HEX
- #e35b8f
- RGB
- rgb(227 91 143)
- HSL
- hsl(337 71% 62%)
- HWB
- hwb(337 36% 11%)
- OKLCH
- oklch(0.659 0.176 359.3)
- OKLab
- oklab(0.659 0.176 -0.002)
- CIE Lab
- lab(58.28 57.2 -0.07)
- LCH
- lch(58.28 57.2 359.9)
- CMYK
- cmyk(0% 60% 37% 11%)
Tinte · Ombre · Toni
Tinte
- E86D9A
- ED7FA4
- F18FAF
- F4A0BA
- F7B0C6
- FAC0D1
- FCCFDC
- FEDFE8
- FFEFF3
Ombre
- C54E7C
- A84169
- 8C3557
- 712945
- 571E34
- 3F1324
- 270915
- 120307
- 030001
Toni
- DA618D
- D1668C
- C86A8A
- BE6F89
- B57287
- AB7686
- A17984
- 967B83
- 8B7E81
Armonie di colore
Complementare +180°
- E35B8F
Carmine Rose
- 00AA94
≈ Shindig
Analogo -30° +30°
- E35B8F
Carmine Rose
- CB64C5
≈ Purple Urn Orchid
- EA5F4E
≈ Opal Flame
Triadico +120° +240°
- E35B8F
Carmine Rose
- 889E00
≈ Noxious
- 009CE3
≈ Atmosphere
Complementare divisa +150° +210°
- E35B8F
Carmine Rose
- 1EAE51
≈ Matt Green
- 00A4B8
≈ January Blue
Tetradico +90° +180° +270°
- E35B8F
Carmine Rose
- B38D00
≈ Cobra Leather
- 00AA94
≈ Shindig
- 6788FC
≈ Punch Out Glove
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.40:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.15:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.15:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--carmine-rose: #e35b8f;
--carmine-rose-rgb: 227 91 143;
--carmine-rose-oklch: oklch(0.659 0.176 359.3);
}
.element {
color: var(--carmine-rose);
background-color: hsl(337 71% 62%);
border-color: oklch(0.659 0.176 359.3);
}Tailwind CSS v4
@theme {
--color-carmine-rose: #e35b8f;
--color-carmine-rose-50: #ffe1f2;
--color-carmine-rose-100: #ffd0e4;
--color-carmine-rose-200: #ffb4cf;
--color-carmine-rose-300: #ff8fb1;
--color-carmine-rose-400: #ee6c9b;
--color-carmine-rose-500: #dc4583;
--color-carmine-rose-600: #b93c6f;
--color-carmine-rose-700: #953059;
--color-carmine-rose-800: #6f2143;
--color-carmine-rose-900: #4e162e;
--color-carmine-rose-950: #33061b;
}SCSS
$carmine-rose: #e35b8f;
$carmine-rose-rgb: 227, 91, 143;
$carmine-rose-light: mix(#fff, $carmine-rose, 20%);
$carmine-rose-dark: mix(#000, $carmine-rose, 20%);
.element {
color: $carmine-rose;
box-shadow: 0 0 0 2px rgba($carmine-rose, 0.35);
}