Couleur nommée · #E1A890
Rose Tattoo
Rose Tattoo correspond à #E1A890 : rgb(225 168 144), hsl(18 57% 72%), oklch(0.779 0.075 43.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Red mean? → · Rose Tattoo color name →
#E1A890
oklch(0.779 0.075 43.9)
Conversions de couleur
- HEX
- #e1a890
- RGB
- rgb(225 168 144)
- HSL
- hsl(18 57% 72%)
- HWB
- hwb(18 56% 12%)
- OKLCH
- oklch(0.779 0.075 43.9)
- OKLab
- oklab(0.779 0.054 0.052)
- CIE Lab
- lab(73.88 19.32 21.05)
- LCH
- lch(73.88 28.58 47.5)
- CMYK
- cmyk(0% 25% 36% 12%)
Teintes · Ombres · Tons
Teintes
- E4B19B
- E8B9A6
- EBC2B1
- EECBBC
- F1D3C7
- F4DCD2
- F7E5DD
- FAEDE8
- FCF6F4
Ombres
- C4927D
- A77C6A
- 8B6757
- 705245
- 563F34
- 3E2C24
- 271A15
- 120A07
- 020101
Tons
- D7A48F
- CDA08D
- C49C8C
- BA988A
- B09489
- A79087
- 9D8C85
- 938884
- 8A8482
Harmonies de couleurs
Complémentaire +180°
- E1A890
Rose Tattoo
- 80C2DB
≈ Blue Charm
Analogue -30° +30°
- E1A890
Rose Tattoo
- E3A4A8
≈ Berry Riche
- D4B081
≈ Spiced Cashews
Triadique +120° +240°
- E1A890
Rose Tattoo
- 89C7AA
≈ Aqua Eden
- B0B1E6
≈ Maximum Blue Purple
Complémentaire divisée +150° +210°
- E1A890
Rose Tattoo
- 7BC7C5
≈ Cyantific
- 96BAE7
≈ Adrift on the Nile
Tétradique +90° +180° +270°
- E1A890
Rose Tattoo
- A4C291
≈ Cos
- 80C2DB
≈ Blue Charm
- C9A9D9
≈ Darling Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.05:1 · APCA Lc 40
Ag
AAASur noir
WCAG 10.20:1 · APCA Lc 62
Meilleure couleur de texte: #000000
WCAG 10.20:1 (AAA) · APCA Lc 62
Contrast pairs
Extraits de code
CSS
:root {
--rose-tattoo: #e1a890;
--rose-tattoo-rgb: 225 168 144;
--rose-tattoo-oklch: oklch(0.779 0.075 43.9);
}
.element {
color: var(--rose-tattoo);
background-color: hsl(18 57% 72%);
border-color: oklch(0.779 0.075 43.9);
}Tailwind CSS v4
@theme {
--color-rose-tattoo: #e1a890;
--color-rose-tattoo-50: #ffefe4;
--color-rose-tattoo-100: #ffe1d3;
--color-rose-tattoo-200: #f1cbba;
--color-rose-tattoo-300: #d9ac97;
--color-rose-tattoo-400: #c5907a;
--color-rose-tattoo-500: #b1765d;
--color-rose-tattoo-600: #95644f;
--color-rose-tattoo-700: #78503f;
--color-rose-tattoo-800: #593a2e;
--color-rose-tattoo-900: #3e271f;
--color-rose-tattoo-950: #27150f;
}SCSS
$rose-tattoo: #e1a890;
$rose-tattoo-rgb: 225, 168, 144;
$rose-tattoo-light: mix(#fff, $rose-tattoo, 20%);
$rose-tattoo-dark: mix(#000, $rose-tattoo, 20%);
.element {
color: $rose-tattoo;
box-shadow: 0 0 0 2px rgba($rose-tattoo, 0.35);
}