Named color · #FF43A4
Artificial Strawberry
Artificial Strawberry is #FF43A4: rgb(255 67 164), hsl(329 100% 63%), oklch(0.685 0.236 353.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Artificial Strawberry color name →
#FF43A4
oklch(0.685 0.236 353.9)
Color conversions
- HEX
- #ff43a4
- RGB
- rgb(255 67 164)
- HSL
- hsl(329 100% 63%)
- HWB
- hwb(329 26% 0%)
- OKLCH
- oklch(0.685 0.236 353.9)
- OKLab
- oklab(0.685 0.235 -0.025)
- CIE Lab
- lab(60.36 75.43 -8.59)
- LCH
- lch(60.36 75.92 353.5)
- CMYK
- cmyk(0% 74% 36% 0%)
Tints · Shades · Tones
Tints
- FF5DAD
- FF73B6
- FF86BF
- FF99C8
- FFABD1
- FFBCDA
- FFCDE3
- FFDEEC
- FFEEF6
Shades
- DE398E
- BE2F79
- 9E2664
- 801D50
- 63143D
- 480C2B
- 2E051A
- 16010A
- 030001
Tones
- F34FA0
- E8599D
- DC6099
- D06796
- C46D92
- B7728E
- AA768B
- 9D7A87
- 8F7D84
Color harmonies
Complementary +180°
- FF43A4
Artificial Strawberry
- 00B393
≈ Aloha
Analogous -30° +30°
- FF43A4
Artificial Strawberry
- DC57EA
≈ Clematis Magenta
- FF5758
≈ Fluorescent Red
Triadic +120° +240°
- FF43A4
Artificial Strawberry
- 9AA300
≈ Fistfull of Green
- 00A7E4
≈ Huelveño Horizon
Split-complementary +150° +210°
- FF43A4
Artificial Strawberry
- 00BA25
≈ Pedestrian Green
- 00AEBB
≈ Placid Sea
Tetradic +90° +180° +270°
- FF43A4
Artificial Strawberry
- C39100
≈ Moutarde de Bénichon
- 00B393
≈ Aloha
- 6495FF
≈ Blue Chaos
Contrast & accessibility
Ag
FailOn white
WCAG 3.18:1 · APCA Lc 58
Ag
AAOn black
WCAG 6.59:1 · APCA Lc 44
Best text color: #000000
WCAG 6.59:1 (AA) · APCA Lc 44
Contrast pairs
Code snippets
CSS
:root {
--artificial-strawberry: #ff43a4;
--artificial-strawberry-rgb: 255 67 164;
--artificial-strawberry-oklch: oklch(0.685 0.236 353.9);
}
.element {
color: var(--artificial-strawberry);
background-color: hsl(329 100% 63%);
border-color: oklch(0.685 0.236 353.9);
}Tailwind CSS v4
@theme {
--color-artificial-strawberry: #ff43a4;
--color-artificial-strawberry-50: #ffd9f7;
--color-artificial-strawberry-100: #ffc7eb;
--color-artificial-strawberry-200: #ffa7d8;
--color-artificial-strawberry-300: #ff7dbb;
--color-artificial-strawberry-400: #ff50a8;
--color-artificial-strawberry-500: #ef0091;
--color-artificial-strawberry-600: #ca067b;
--color-artificial-strawberry-700: #a20962;
--color-artificial-strawberry-800: #79054b;
--color-artificial-strawberry-900: #550534;
--color-artificial-strawberry-950: #39001f;
}SCSS
$artificial-strawberry: #ff43a4;
$artificial-strawberry-rgb: 255, 67, 164;
$artificial-strawberry-light: mix(#fff, $artificial-strawberry, 20%);
$artificial-strawberry-dark: mix(#000, $artificial-strawberry, 20%);
.element {
color: $artificial-strawberry;
box-shadow: 0 0 0 2px rgba($artificial-strawberry, 0.35);
}