Colore con nome · #E998B1
Double Bubble
Double Bubble è #E998B1: rgb(233 152 177), hsl(341 65% 75%), oklch(0.768 0.101 359.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Double Bubble color name →
#E998B1
oklch(0.768 0.101 359.7)
Conversioni di colore
- HEX
- #e998b1
- RGB
- rgb(233 152 177)
- HSL
- hsl(341 65% 75%)
- HWB
- hwb(341 60% 9%)
- OKLCH
- oklch(0.768 0.101 359.7)
- OKLab
- oklab(0.768 0.101 0)
- CIE Lab
- lab(71.76 33.63 0.21)
- LCH
- lch(71.76 33.63 0.4)
- CMYK
- cmyk(0% 35% 24% 9%)
Tinte · Ombre · Toni
Tinte
- ECA2B9
- EFADC0
- F2B7C8
- F4C1D0
- F6CBD7
- F9D6DF
- FAE0E7
- FCEAEF
- FEF5F7
Ombre
- CB8499
- AD7083
- 905C6C
- 744A57
- 5A3842
- 41272F
- 29171C
- 13080C
- 030101
Toni
- DF96AC
- D494A7
- CA91A2
- BF8F9D
- B58D98
- AA8A93
- A0888E
- 95858A
- 8B8385
Armonie di colore
Complementare +180°
- E998B1
Double Bubble
- 60C9B6
≈ Cockatoo
Analogo -30° +30°
- E998B1
Double Bubble
- D89CD3
≈ Velvet Horizon
- ED9B8D
≈ Whimsy
Triadico +120° +240°
- E998B1
Double Bubble
- ABBD72
≈ Tan Green
- 74BCEE
≈ Aero
Complementare divisa +150° +210°
- E998B1
Double Bubble
- 84C691
≈ Good Luck Charm
- 59C5D7
≈ Rushing Stream
Tetradico +90° +180° +270°
- E998B1
Double Bubble
- CDB164
≈ Canadian Maple
- 60C9B6
≈ Cockatoo
- 9AB1F5
≈ Wondrous Wisteria
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.18:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.59:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.59:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--double-bubble: #e998b1;
--double-bubble-rgb: 233 152 177;
--double-bubble-oklch: oklch(0.768 0.101 359.7);
}
.element {
color: var(--double-bubble);
background-color: hsl(341 65% 75%);
border-color: oklch(0.768 0.101 359.7);
}Tailwind CSS v4
@theme {
--color-double-bubble: #e998b1;
--color-double-bubble-50: #ffeaf3;
--color-double-bubble-100: #ffdae5;
--color-double-bubble-200: #fbc3d1;
--color-double-bubble-300: #e4a2b3;
--color-double-bubble-400: #d0859c;
--color-double-bubble-500: #bc6884;
--color-double-bubble-600: #9f586f;
--color-double-bubble-700: #7f4659;
--color-double-bubble-800: #5e3342;
--color-double-bubble-900: #42222e;
--color-double-bubble-950: #2a111b;
}SCSS
$double-bubble: #e998b1;
$double-bubble-rgb: 233, 152, 177;
$double-bubble-light: mix(#fff, $double-bubble, 20%);
$double-bubble-dark: mix(#000, $double-bubble, 20%);
.element {
color: $double-bubble;
box-shadow: 0 0 0 2px rgba($double-bubble, 0.35);
}