Nearest named color · #B32997
#B32997
Nearest named color: Jealous Jellyfish
#B32997 (rgb(179 41 151), hsl(312 63% 43%), oklch(0.539 0.206 337.8)) is closest to the named color Jealous Jellyfish. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B32997
oklch(0.539 0.206 337.8)
Color conversions
- HEX
- #b32997
- RGB
- rgb(179 41 151)
- HSL
- hsl(312 63% 43%)
- HWB
- hwb(312 16% 30%)
- OKLCH
- oklch(0.539 0.206 337.8)
- OKLab
- oklab(0.539 0.19 -0.078)
- CIE Lab
- lab(43.5 62.1 -27.95)
- LCH
- lch(43.5 68.1 335.8)
- CMYK
- cmyk(0% 77% 16% 30%)
Tints · Shades · Tones
Tints
- BD45A1
- C65CAC
- CF72B6
- D786C1
- DF9BCB
- E6AFD6
- EDC3E0
- F4D7EA
- FAEBF5
Shades
- 9B2283
- 841C6F
- 6E155C
- 580F49
- 430937
- 2F0526
- 1D0217
- 0C0108
- 010001
Tones
- AF3895
- AB4393
- A74D91
- A3568F
- 9E5E8C
- 99668A
- 936D88
- 8D7485
- 877A83
Color harmonies
Complementary +180°
- B32997
Jealous Jellyfish
- 008451
≈ Dark Emerald
Analogous -30° +30°
- B32997
Jealous Jellyfish
- 8F3FC8
≈ Dreamscape Purple
- C71758
≈ Bright Rose
Triadic +120° +240°
- B32997
Jealous Jellyfish
- 806E00
≈ Sunlit Kelp Green
- 007B93
≈ Jade Shard
Split-complementary +150° +210°
- B32997
Jealous Jellyfish
- 577D00
≈ Avocado
- 008078
≈ Coelia Greenshade
Tetradic +90° +180° +270°
- B32997
Jealous Jellyfish
- 9B5F00
≈ Raw Sienna
- 008451
≈ Dark Emerald
- 0072BD
≈ French Blue
Contrast & accessibility
Ag
AAOn white
WCAG 5.70:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.68:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.70:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--jealous-jellyfish: #b32997;
--jealous-jellyfish-rgb: 179 41 151;
--jealous-jellyfish-oklch: oklch(0.539 0.206 337.8);
}
.element {
color: var(--jealous-jellyfish);
background-color: hsl(312 63% 43%);
border-color: oklch(0.539 0.206 337.8);
}Tailwind CSS v4
@theme {
--color-jealous-jellyfish: #b32997;
--color-jealous-jellyfish-50: #ffdfff;
--color-jealous-jellyfish-100: #ffcdfe;
--color-jealous-jellyfish-200: #ffb1f0;
--color-jealous-jellyfish-300: #fb8ad8;
--color-jealous-jellyfish-400: #e766c8;
--color-jealous-jellyfish-500: #d53bb5;
--color-jealous-jellyfish-600: #b43498;
--color-jealous-jellyfish-700: #91297a;
--color-jealous-jellyfish-800: #6b1d5d;
--color-jealous-jellyfish-900: #4b1341;
--color-jealous-jellyfish-950: #31042a;
}SCSS
$jealous-jellyfish: #b32997;
$jealous-jellyfish-rgb: 179, 41, 151;
$jealous-jellyfish-light: mix(#fff, $jealous-jellyfish, 20%);
$jealous-jellyfish-dark: mix(#000, $jealous-jellyfish, 20%);
.element {
color: $jealous-jellyfish;
box-shadow: 0 0 0 2px rgba($jealous-jellyfish, 0.35);
}