Nearest named color · #FC6793
#FC6793
Nearest named color: Stellar Strawberry
#FC6793 (rgb(252 103 147), hsl(342 96% 70%), oklch(0.711 0.185 4.7)) is closest to the named color Stellar Strawberry. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FC6793
oklch(0.711 0.185 4.7)
Color conversions
- HEX
- #fc6793
- RGB
- rgb(252 103 147)
- HSL
- hsl(342 96% 70%)
- HWB
- hwb(342 40% 1%)
- OKLCH
- oklch(0.711 0.185 4.7)
- OKLab
- oklab(0.711 0.185 0.015)
- CIE Lab
- lab(64.28 60.53 6.82)
- LCH
- lch(64.28 60.91 6.4)
- CMYK
- cmyk(0% 59% 42% 1%)
Tints · Shades · Tones
Tints
- FF789D
- FF89A8
- FF98B2
- FFA8BD
- FFB7C8
- FFC5D3
- FFD4DE
- FFE2E9
- FFF1F4
Shades
- DB597F
- BB4B6C
- 9C3D59
- 7E3047
- 622336
- 471725
- 2D0C16
- 160408
- 030001
Tones
- F06C91
- E5708F
- D9738D
- CD768B
- C17989
- B57B88
- A87C86
- 9B7E84
- 8E7F82
Color harmonies
Complementary +180°
- FC6793
Stellar Strawberry
- 00BBAC
≈ Verditer
Analogous -30° +30°
- FC6793
Stellar Strawberry
- E56FD0
≈ Pink Orchid
- FF6E4C
≈ Outrageous Orange
Triadic +120° +240°
- FC6793
Stellar Strawberry
- 8AB300
≈ Brilliant Green
- 2EAAFF
≈ Xed
Split-complementary +150° +210°
- FC6793
Stellar Strawberry
- 00C16E
≈ Algal Fuel
- 00B5D2
≈ Ocean Sigh
Tetradic +90° +180° +270°
- FC6793
Stellar Strawberry
- BF9F00
≈ Snakebite Leather
- 00BBAC
≈ Verditer
- 8798FF
≈ Periwinkle Blue
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.50:1 · APCA Lc 49
Best text color: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
CSS
:root {
--stellar-strawberry: #fc6793;
--stellar-strawberry-rgb: 252 103 147;
--stellar-strawberry-oklch: oklch(0.711 0.185 4.7);
}
.element {
color: var(--stellar-strawberry);
background-color: hsl(342 96% 70%);
border-color: oklch(0.711 0.185 4.7);
}Tailwind CSS v4
@theme {
--color-stellar-strawberry: #fc6793;
--color-stellar-strawberry-50: #ffe0ec;
--color-stellar-strawberry-100: #ffcfdd;
--color-stellar-strawberry-200: #ffb2c7;
--color-stellar-strawberry-300: #ff8ca8;
--color-stellar-strawberry-400: #f46890;
--color-stellar-strawberry-500: #e23d76;
--color-stellar-strawberry-600: #bf3664;
--color-stellar-strawberry-700: #9a2b50;
--color-stellar-strawberry-800: #721e3c;
--color-stellar-strawberry-900: #51142a;
--color-stellar-strawberry-950: #350417;
}SCSS
$stellar-strawberry: #fc6793;
$stellar-strawberry-rgb: 252, 103, 147;
$stellar-strawberry-light: mix(#fff, $stellar-strawberry, 20%);
$stellar-strawberry-dark: mix(#000, $stellar-strawberry, 20%);
.element {
color: $stellar-strawberry;
box-shadow: 0 0 0 2px rgba($stellar-strawberry, 0.35);
}