Colore con nome · #E09B81
Blushing Rose
Blushing Rose è #E09B81: rgb(224 155 129), hsl(16 61% 69%), oklch(0.751 0.091 41.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Blushing Rose color name →
#E09B81
oklch(0.751 0.091 41.5)
Conversioni di colore
- HEX
- #e09b81
- RGB
- rgb(224 155 129)
- HSL
- hsl(16 61% 69%)
- HWB
- hwb(16 51% 12%)
- OKLCH
- oklch(0.751 0.091 41.5)
- OKLab
- oklab(0.751 0.068 0.06)
- CIE Lab
- lab(70.46 24.31 24.59)
- LCH
- lch(70.46 34.58 45.3)
- CMYK
- cmyk(0% 31% 42% 12%)
Tinte · Ombre · Toni
Tinte
- E4A58D
- E7AF9A
- EBB9A6
- EEC3B3
- F1CDBF
- F4D7CC
- F7E1D9
- FAEBE5
- FDF5F2
Ombre
- C3866F
- A6725E
- 8A5E4E
- 704B3E
- 56392E
- 3E281F
- 271812
- 120906
- 020101
Toni
- D69981
- CD9681
- C39381
- BA9181
- B08E81
- A78B81
- 9D8981
- 938681
- 8A8380
Armonie di colore
Complementare +180°
- E09B81
Blushing Rose
- 67BBD7
≈ Baby Tears
Analogo -30° +30°
- E09B81
Blushing Rose
- E1969F
≈ Marker Pink
- D2A56C
≈ Wonton Dumpling
Triadico +120° +240°
- E09B81
Blushing Rose
- 77C09C
≈ Gem Silica
- A4A8E7
≈ Maximum Blue Purple
Complementare divisa +150° +210°
- E09B81
Blushing Rose
- 61C1BC
≈ Tropic Tide
- 83B2E6
≈ Lucea
Tetradico +90° +180° +270°
- E09B81
Blushing Rose
- 99BA7E
≈ Gleeful
- 67BBD7
≈ Baby Tears
- C19ED9
≈ Mauve Mist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.17:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--blushing-rose: #e09b81;
--blushing-rose-rgb: 224 155 129;
--blushing-rose-oklch: oklch(0.751 0.091 41.5);
}
.element {
color: var(--blushing-rose);
background-color: hsl(16 61% 69%);
border-color: oklch(0.751 0.091 41.5);
}Tailwind CSS v4
@theme {
--color-blushing-rose: #e09b81;
--color-blushing-rose-50: #ffeee1;
--color-blushing-rose-100: #ffdfd0;
--color-blushing-rose-200: #f7c9b5;
--color-blushing-rose-300: #e0a992;
--color-blushing-rose-400: #cd8c74;
--color-blushing-rose-500: #b97155;
--color-blushing-rose-600: #9c6049;
--color-blushing-rose-700: #7d4c3a;
--color-blushing-rose-800: #5d372a;
--color-blushing-rose-900: #41261c;
--color-blushing-rose-950: #2a140c;
}SCSS
$blushing-rose: #e09b81;
$blushing-rose-rgb: 224, 155, 129;
$blushing-rose-light: mix(#fff, $blushing-rose, 20%);
$blushing-rose-dark: mix(#000, $blushing-rose, 20%);
.element {
color: $blushing-rose;
box-shadow: 0 0 0 2px rgba($blushing-rose, 0.35);
}