Colore con nome · #EE66BB
Crumbly Lipstick
Crumbly Lipstick è #EE66BB: rgb(238 102 187), hsl(323 80% 67%), oklch(0.704 0.191 344.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Crumbly Lipstick color name →
#EE66BB
oklch(0.704 0.191 344.7)
Conversioni di colore
- HEX
- #ee66bb
- RGB
- rgb(238 102 187)
- HSL
- hsl(323 80% 67%)
- HWB
- hwb(323 40% 7%)
- OKLCH
- oklch(0.704 0.191 344.7)
- OKLab
- oklab(0.704 0.184 -0.05)
- CIE Lab
- lab(62.98 59.95 -18.24)
- LCH
- lch(62.98 62.66 343.1)
- CMYK
- cmyk(0% 57% 21% 7%)
Tinte · Ombre · Toni
Tinte
- F277C2
- F587C9
- F897CF
- FAA6D6
- FCB6DD
- FEC4E4
- FFD3EB
- FFE2F1
- FFF0F8
Ombre
- CF58A2
- B14A8A
- 933C73
- 772F5C
- 5C2346
- 421732
- 2A0C1F
- 14040D
- 030002
Toni
- E46BB5
- D96FAF
- CF72A9
- C475A3
- B9789D
- AE7A97
- A37C92
- 987D8C
- 8C7F86
Armonie di colore
Complementare +180°
- EE66BB
Crumbly Lipstick
- 00BC88
≈ Slime Girl
Analogo -30° +30°
- EE66BB
Crumbly Lipstick
- CB75F0
≈ Fake Love
- FF6279
≈ Kisses and Hugs
Triadico +120° +240°
- EE66BB
Crumbly Lipstick
- AFA300
≈ Venom
- 00B0DD
≈ Blue Atoll
Complementare divisa +150° +210°
- EE66BB
Crumbly Lipstick
- 68B823
≈ Field Green
- 00B6B6
≈ Swagger
Tetradico +90° +180° +270°
- EE66BB
Crumbly Lipstick
- D58F00
≈ Harvest Eve Gold
- 00BC88
≈ Slime Girl
- 54A1FF
≈ Âbi Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.89:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.25:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.25:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--crumbly-lipstick: #ee66bb;
--crumbly-lipstick-rgb: 238 102 187;
--crumbly-lipstick-oklch: oklch(0.704 0.191 344.7);
}
.element {
color: var(--crumbly-lipstick);
background-color: hsl(323 80% 67%);
border-color: oklch(0.704 0.191 344.7);
}Tailwind CSS v4
@theme {
--color-crumbly-lipstick: #ee66bb;
--color-crumbly-lipstick-50: #ffe0ff;
--color-crumbly-lipstick-100: #ffcef5;
--color-crumbly-lipstick-200: #ffb2e4;
--color-crumbly-lipstick-300: #fc8ccb;
--color-crumbly-lipstick-400: #e969b8;
--color-crumbly-lipstick-500: #d740a3;
--color-crumbly-lipstick-600: #b5388a;
--color-crumbly-lipstick-700: #922d6e;
--color-crumbly-lipstick-800: #6c1f54;
--color-crumbly-lipstick-900: #4c153a;
--color-crumbly-lipstick-950: #320524;
}SCSS
$crumbly-lipstick: #ee66bb;
$crumbly-lipstick-rgb: 238, 102, 187;
$crumbly-lipstick-light: mix(#fff, $crumbly-lipstick, 20%);
$crumbly-lipstick-dark: mix(#000, $crumbly-lipstick, 20%);
.element {
color: $crumbly-lipstick;
box-shadow: 0 0 0 2px rgba($crumbly-lipstick, 0.35);
}