Named color · #FF3399
Wild Strawberry
Wild Strawberry is #FF3399: rgb(255 51 153), hsl(330 100% 60%), oklch(0.67 0.246 356.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Wild Strawberry color name →
#FF3399
oklch(0.67 0.246 356.4)
Color conversions
- HEX
- #ff3399
- RGB
- rgb(255 51 153)
- HSL
- hsl(330 100% 60%)
- HWB
- hwb(330 20% 0%)
- OKLCH
- oklch(0.67 0.246 356.4)
- OKLab
- oklab(0.67 0.246 -0.015)
- CIE Lab
- lab(58.56 78.81 -4.81)
- LCH
- lch(58.56 78.95 356.5)
- CMYK
- cmyk(0% 80% 40% 0%)
Tints · Shades · Tones
Tints
- FF52A3
- FF6BAD
- FF80B7
- FF94C1
- FFA7CB
- FFB9D5
- FFCBDF
- FFDCEA
- FFEEF4
Shades
- DE2B84
- BE2370
- 9E1C5D
- 80144A
- 630D38
- 480727
- 2E0317
- 160108
- 030001
Tones
- F44496
- E85094
- DC5A91
- D1628F
- C4698C
- B86F8A
- AB7487
- 9D7885
- 8F7C82
Color harmonies
Complementary +180°
- FF3399
Wild Strawberry
- 00AE93
≈ Hobgoblin
Analogous -30° +30°
- FF3399
Wild Strawberry
- DD4BE3
≈ Alita Pink
- FF4B47
≈ Tart Orange
Triadic +120° +240°
- FF3399
Wild Strawberry
- 91A000
≈ Noxious
- 00A1E2
≈ Vanadyl Blue
Split-complementary +150° +210°
- FF3399
Wild Strawberry
- 00B43D
≈ Try Your Luck
- 00A9B8
≈ Bluebird
Tetradic +90° +180° +270°
- FF3399
Wild Strawberry
- BA8E00
≈ Moutarde de Bénichon
- 00AE93
≈ Hobgoblin
- 648EFF
≈ Deep Denim
Contrast & accessibility
Ag
FailOn white
WCAG 3.39:1 · APCA Lc 60
Ag
AAOn black
WCAG 6.18:1 · APCA Lc 42
Best text color: #000000
WCAG 6.18:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--wild-strawberry: #ff3399;
--wild-strawberry-rgb: 255 51 153;
--wild-strawberry-oklch: oklch(0.67 0.246 356.4);
}
.element {
color: var(--wild-strawberry);
background-color: hsl(330 100% 60%);
border-color: oklch(0.67 0.246 356.4);
}Tailwind CSS v4
@theme {
--color-wild-strawberry: #ff3399;
--color-wild-strawberry-50: #ffd8f4;
--color-wild-strawberry-100: #ffc5e7;
--color-wild-strawberry-200: #ffa5d3;
--color-wild-strawberry-300: #ff79b6;
--color-wild-strawberry-400: #ff49a2;
--color-wild-strawberry-500: #f5008a;
--color-wild-strawberry-600: #cf0075;
--color-wild-strawberry-700: #a6005d;
--color-wild-strawberry-800: #7c0047;
--color-wild-strawberry-900: #580031;
--color-wild-strawberry-950: #3a001d;
}SCSS
$wild-strawberry: #ff3399;
$wild-strawberry-rgb: 255, 51, 153;
$wild-strawberry-light: mix(#fff, $wild-strawberry, 20%);
$wild-strawberry-dark: mix(#000, $wild-strawberry, 20%);
.element {
color: $wild-strawberry;
box-shadow: 0 0 0 2px rgba($wild-strawberry, 0.35);
}