Named color · #59355E
Passion Razz
Passion Razz is #59355E: rgb(89 53 94), hsl(293 28% 29%), oklch(0.389 0.081 322.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Passion Razz color name →
#59355E
oklch(0.389 0.081 322.5)
Color conversions
- HEX
- #59355e
- RGB
- rgb(89 53 94)
- HSL
- hsl(293 28% 29%)
- HWB
- hwb(293 21% 63%)
- OKLCH
- oklch(0.389 0.081 322.5)
- OKLab
- oklab(0.389 0.064 -0.049)
- CIE Lab
- lab(27.99 22.18 -17.83)
- LCH
- lch(27.99 28.46 321.2)
- CMYK
- cmyk(5% 44% 0% 63%)
Tints · Shades · Tones
Tints
- 69476D
- 785A7C
- 886D8C
- 99819C
- A995AC
- BAA9BC
- CBBECC
- DCD3DD
- EDE9EE
Shades
- 4C2D51
- 402544
- 341D37
- 28152B
- 1D0E1F
- 130814
- 09030A
- 030103
- 000000
Tones
- 5D3D62
- 614465
- 654B69
- 69536C
- 6D5A6F
- 716273
- 756976
- 797179
- 7C787D
Color harmonies
Complementary +180°
- 59355E
Passion Razz
- 295026
≈ Chestnut Green
Analogous -30° +30°
- 59355E
Passion Razz
- 463C6C
≈ Opera Blue
- 653149
≈ Old Mauve
Triadic +120° +240°
- 59355E
Passion Razz
- 5A4000
≈ Sugarloaf Brown
- 004F54
≈ Transporter Green
Split-complementary +150° +210°
- 59355E
Passion Razz
- 46490A
≈ No Emissions Green
- 005241
≈ Tetsu Green
Tetradic +90° +180° +270°
- 59355E
Passion Razz
- 663716
≈ Meatloaf
- 295026
≈ Chestnut Green
- 004B68
≈ Adriatic
Contrast & accessibility
Ag
AAAOn white
WCAG 10.02:1 · APCA Lc 93
Ag
FailOn black
WCAG 2.09:1 · APCA Lc 9
Best text color: #FFFFFF
WCAG 10.02:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--passion-razz: #59355e;
--passion-razz-rgb: 89 53 94;
--passion-razz-oklch: oklch(0.389 0.081 322.5);
}
.element {
color: var(--passion-razz);
background-color: hsl(293 28% 29%);
border-color: oklch(0.389 0.081 322.5);
}Tailwind CSS v4
@theme {
--color-passion-razz: #59355e;
--color-passion-razz-50: #ffeeff;
--color-passion-razz-100: #f6dff7;
--color-passion-razz-200: #e6c9e8;
--color-passion-razz-300: #cdaacf;
--color-passion-razz-400: #b68fbb;
--color-passion-razz-500: #a074a6;
--color-passion-razz-600: #87628c;
--color-passion-razz-700: #6c4e70;
--color-passion-razz-800: #4f3954;
--color-passion-razz-900: #37273a;
--color-passion-razz-950: #221524;
}SCSS
$passion-razz: #59355e;
$passion-razz-rgb: 89, 53, 94;
$passion-razz-light: mix(#fff, $passion-razz, 20%);
$passion-razz-dark: mix(#000, $passion-razz, 20%);
.element {
color: $passion-razz;
box-shadow: 0 0 0 2px rgba($passion-razz, 0.35);
}