Colore con nome · #EE2255
Strawberry Pop
Strawberry Pop è #EE2255: rgb(238 34 85), hsl(345 86% 53%), oklch(0.614 0.23 15.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Strawberry Pop color name →
#EE2255
oklch(0.614 0.23 15.2)
Conversioni di colore
- HEX
- #ee2255
- RGB
- rgb(238 34 85)
- HSL
- hsl(345 86% 53%)
- HWB
- hwb(345 13% 7%)
- OKLCH
- oklch(0.614 0.23 15.2)
- OKLab
- oklab(0.614 0.222 0.061)
- CIE Lab
- lab(52.64 74.52 27.11)
- LCH
- lch(52.64 79.3 20)
- CMYK
- cmyk(0% 86% 64% 7%)
Tinte · Ombre · Toni
Tinte
- F34765
- F86176
- FC7886
- FF8D97
- FFA1A8
- FFB4B9
- FFC7CA
- FFDADB
- FFECED
Ombre
- CF1C49
- B1163D
- 931131
- 770B26
- 5C071C
- 420311
- 2A0108
- 140002
- 030000
Toni
- E5385A
- DB465E
- D15263
- C75B67
- BD636B
- B26A70
- A77074
- 9B7678
- 8E7B7C
Armonie di colore
Complementare +180°
- EE2255
Strawberry Pop
- 009798
≈ Regula Barbara Blue
Analogo -30° +30°
- EE2255
Strawberry Pop
- DC2FA3
≈ Melodramatic Magenta
- D55900
≈ Exuberance
Triadico +120° +240°
- EE2255
Strawberry Pop
- 4E9A00
≈ Grassy Green
- 0081FA
≈ Brescian Blue
Complementare divisa +150° +210°
- EE2255
Strawberry Pop
- 009C71
≈ Free Speech Aquamarine
- 0092B9
≈ Blue Danube
Tetradico +90° +180° +270°
- EE2255
Strawberry Pop
- 908800
≈ Palak Paneer
- 009798
≈ Regula Barbara Blue
- 7E65FF
≈ Purple Anemone
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.20:1 · APCA Lc 67
Ag
AASu nero
WCAG 4.99:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 4.99:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--strawberry-pop: #ee2255;
--strawberry-pop-rgb: 238 34 85;
--strawberry-pop-oklch: oklch(0.614 0.23 15.2);
}
.element {
color: var(--strawberry-pop);
background-color: hsl(345 86% 53%);
border-color: oklch(0.614 0.23 15.2);
}Tailwind CSS v4
@theme {
--color-strawberry-pop: #ee2255;
--color-strawberry-pop-50: #ffdbdd;
--color-strawberry-pop-100: #ffc8cc;
--color-strawberry-pop-200: #ffa9b0;
--color-strawberry-pop-300: #ff7f8c;
--color-strawberry-pop-400: #ff5171;
--color-strawberry-pop-500: #f90051;
--color-strawberry-pop-600: #d20346;
--color-strawberry-pop-700: #a90737;
--color-strawberry-pop-800: #7e032a;
--color-strawberry-pop-900: #5a041c;
--color-strawberry-pop-950: #3c000d;
}SCSS
$strawberry-pop: #ee2255;
$strawberry-pop-rgb: 238, 34, 85;
$strawberry-pop-light: mix(#fff, $strawberry-pop, 20%);
$strawberry-pop-dark: mix(#000, $strawberry-pop, 20%);
.element {
color: $strawberry-pop;
box-shadow: 0 0 0 2px rgba($strawberry-pop, 0.35);
}