Nearest named color · #63233A
#63233A
Nearest named color: Siren
#63233A (rgb(99 35 58), hsl(338 48% 26%), oklch(0.359 0.096 0.8)) is closest to the named color Siren. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#63233A
oklch(0.359 0.096 0.8)
Color conversions
- HEX
- #63233a
- RGB
- rgb(99 35 58)
- HSL
- hsl(338 48% 26%)
- HWB
- hwb(338 14% 61%)
- OKLCH
- oklch(0.359 0.096 0.8)
- OKLab
- oklab(0.359 0.096 0.001)
- CIE Lab
- lab(24.44 31.17 0.93)
- LCH
- lch(24.44 31.19 1.7)
- CMYK
- cmyk(0% 65% 41% 61%)
Tints · Shades · Tones
Tints
- 73384B
- 834D5D
- 936170
- A37783
- B28C96
- C2A2AA
- D1B9BF
- E0D0D4
- F0E7E9
Shades
- 551D31
- 471728
- 3A1120
- 2E0C18
- 210710
- 160409
- 0B0104
- 030001
- 000000
Tones
- 672D41
- 6B3747
- 6E404E
- 724955
- 75525C
- 775B63
- 7A646A
- 7C6E71
- 7E7779
Color harmonies
Complementary +180°
- 63233A
Siren
- 00483F
≈ Tropical Forest
Analogous -30° +30°
- 63233A
Siren
- 582754
≈ Kuwanomi Purple
- 66251B
≈ Azuki Red
Triadic +120° +240°
- 63233A
Siren
- 374300
≈ Garden Shadow
- 004164
≈ Lush Aqua
Split-complementary +150° +210°
- 63233A
Siren
- 024A20
≈ Pine Green
- 00454F
≈ Crab Nebula
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 11.46:1 · APCA Lc 96
Ag
FailOn black
WCAG 1.83:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 11.46:1 (AAA) · APCA Lc 96
Contrast pairs
Code snippets
CSS
:root {
--siren: #63233a;
--siren-rgb: 99 35 58;
--siren-oklch: oklch(0.359 0.096 0.8);
}
.element {
color: var(--siren);
background-color: hsl(338 48% 26%);
border-color: oklch(0.359 0.096 0.8);
}Tailwind CSS v4
@theme {
--color-siren: #63233a;
--color-siren-50: #ffeaf2;
--color-siren-100: #ffdbe5;
--color-siren-200: #f9c4d0;
--color-siren-300: #e2a3b3;
--color-siren-400: #ce869b;
--color-siren-500: #ba6a83;
--color-siren-600: #9d5a6f;
--color-siren-700: #7e4858;
--color-siren-800: #5d3442;
--color-siren-900: #41232d;
--color-siren-950: #2a121a;
}SCSS
$siren: #63233a;
$siren-rgb: 99, 35, 58;
$siren-light: mix(#fff, $siren, 20%);
$siren-dark: mix(#000, $siren, 20%);
.element {
color: $siren;
box-shadow: 0 0 0 2px rgba($siren, 0.35);
}