Benannte Farbe · #EE2255
Strawberry Pop
Strawberry Pop ist #EE2255: rgb(238 34 85), hsl(345 86% 53%), oklch(0.614 0.23 15.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Strawberry Pop color name →
#EE2255
oklch(0.614 0.23 15.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- F34765
- F86176
- FC7886
- FF8D97
- FFA1A8
- FFB4B9
- FFC7CA
- FFDADB
- FFECED
Shades
- CF1C49
- B1163D
- 931131
- 770B26
- 5C071C
- 420311
- 2A0108
- 140002
- 030000
Tones
- E5385A
- DB465E
- D15263
- C75B67
- BD636B
- B26A70
- A77074
- 9B7678
- 8E7B7C
Farbharmonien
Komplementär +180°
- EE2255
Strawberry Pop
- 009798
≈ Regula Barbara Blue
Analog -30° +30°
- EE2255
Strawberry Pop
- DC2FA3
≈ Melodramatic Magenta
- D55900
≈ Exuberance
Triadisch +120° +240°
- EE2255
Strawberry Pop
- 4E9A00
≈ Grassy Green
- 0081FA
≈ Brescian Blue
Geteilt komplementär +150° +210°
- EE2255
Strawberry Pop
- 009C71
≈ Free Speech Aquamarine
- 0092B9
≈ Blue Danube
Tetradisch +90° +180° +270°
- EE2255
Strawberry Pop
- 908800
≈ Palak Paneer
- 009798
≈ Regula Barbara Blue
- 7E65FF
≈ Purple Anemone
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.20:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 4.99:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 4.99:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
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);
}