Cor nomeada · #E3A1B8
Blushing Tulip
Blushing Tulip é #E3A1B8: rgb(227 161 184), hsl(339 54% 76%), oklch(0.779 0.083 356.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Blushing Tulip color name →
#E3A1B8
oklch(0.779 0.083 356.6)
Conversões de cor
- HEX
- #e3a1b8
- RGB
- rgb(227 161 184)
- HSL
- hsl(339 54% 76%)
- HWB
- hwb(339 63% 11%)
- OKLCH
- oklch(0.779 0.083 356.6)
- OKLab
- oklab(0.779 0.083 -0.005)
- CIE Lab
- lab(73.25 27.63 -1.59)
- LCH
- lch(73.25 27.68 356.7)
- CMYK
- cmyk(0% 29% 19% 11%)
Tons claros · Sombras · Tons
Tons claros
- E6AABF
- EAB4C6
- EDBDCD
- F0C6D4
- F3D0DB
- F5D9E2
- F8E3E9
- FAECF0
- FDF5F8
Sombras
- C58BA0
- A87688
- 8C6271
- 714E5B
- 573C45
- 3F2A31
- 27191E
- 12090C
- 030102
Tons
- D99EB2
- CF9BAD
- C597A7
- BB94A1
- B1919C
- A88E96
- 9E8A90
- 94878B
- 8A8385
Harmonias de cor
Complementar +180°
- E3A1B8
Blushing Tulip
- 7AC9B5
≈ Meridian Star
Análoga -30° +30°
- E3A1B8
Blushing Tulip
- D4A5D3
≈ Favourite Lavender
- E8A39B
≈ Spring Linen
Tríade +120° +240°
- E3A1B8
Blushing Tulip
- B3BE81
≈ Dried Caspia
- 82C0E6
≈ Billow
Complementar dividida +150° +210°
- E3A1B8
Blushing Tulip
- 94C698
≈ Velvet Leaf
- 72C6D2
≈ Salt Lake
Tétrade +90° +180° +270°
- E3A1B8
Blushing Tulip
- CEB478
≈ Dried Chamomile
- 7AC9B5
≈ Meridian Star
- 9FB6ED
≈ Wondrous Wisteria
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.08:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 10.05:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--blushing-tulip: #e3a1b8;
--blushing-tulip-rgb: 227 161 184;
--blushing-tulip-oklch: oklch(0.779 0.083 356.6);
}
.element {
color: var(--blushing-tulip);
background-color: hsl(339 54% 76%);
border-color: oklch(0.779 0.083 356.6);
}Tailwind CSS v4
@theme {
--color-blushing-tulip: #e3a1b8;
--color-blushing-tulip-50: #ffecf5;
--color-blushing-tulip-100: #ffdde7;
--color-blushing-tulip-200: #f3c6d4;
--color-blushing-tulip-300: #dca6b7;
--color-blushing-tulip-400: #c78a9f;
--color-blushing-tulip-500: #b26e87;
--color-blushing-tulip-600: #975e72;
--color-blushing-tulip-700: #794b5c;
--color-blushing-tulip-800: #593644;
--color-blushing-tulip-900: #3e252f;
--color-blushing-tulip-950: #27131b;
}SCSS
$blushing-tulip: #e3a1b8;
$blushing-tulip-rgb: 227, 161, 184;
$blushing-tulip-light: mix(#fff, $blushing-tulip, 20%);
$blushing-tulip-dark: mix(#000, $blushing-tulip, 20%);
.element {
color: $blushing-tulip;
box-shadow: 0 0 0 2px rgba($blushing-tulip, 0.35);
}