Nearest named color · #672640
#672640
Nearest named color: Siren
#672640 (rgb(103 38 64), hsl(336 46% 28%), oklch(0.372 0.098 358)) is closest to the named color Siren. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#672640
oklch(0.372 0.098 358)
Color conversions
- HEX
- #672640
- RGB
- rgb(103 38 64)
- HSL
- hsl(336 46% 28%)
- HWB
- hwb(336 15% 60%)
- OKLCH
- oklch(0.372 0.098 358)
- OKLab
- oklab(0.372 0.098 -0.003)
- CIE Lab
- lab(25.92 31.75 -0.89)
- LCH
- lch(25.92 31.76 358.4)
- CMYK
- cmyk(0% 63% 38% 60%)
Tints · Shades · Tones
Tints
- 773B51
- 864F62
- 966474
- A57987
- B48E9A
- C3A4AD
- D2BAC1
- E1D1D5
- F0E8EA
Shades
- 592036
- 4B192D
- 3D1324
- 300D1B
- 230813
- 17040B
- 0C0205
- 040101
- 000000
Tones
- 6B3046
- 6E394C
- 714252
- 744B59
- 77545F
- 795D66
- 7B656C
- 7D6E73
- 7F7779
Color harmonies
Complementary +180°
- 672640
Siren
- 004C40
≈ Aqua Deep
Analogous -30° +30°
- 672640
Siren
- 5B2B5A
≈ Kuwanomi Purple
- 6B2721
≈ Azuki Red
Triadic +120° +240°
- 672640
Siren
- 3D4600
≈ Green Not Found
- 004566
≈ Lush Aqua
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 10.89:1 · APCA Lc 95
Ag
FailOn black
WCAG 1.92:1 · APCA Lc 8
Best text color: #FFFFFF
WCAG 10.89:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
CSS
:root {
--siren: #672640;
--siren-rgb: 103 38 64;
--siren-oklch: oklch(0.372 0.098 358);
}
.element {
color: var(--siren);
background-color: hsl(336 46% 28%);
border-color: oklch(0.372 0.098 358);
}Tailwind CSS v4
@theme {
--color-siren: #672640;
--color-siren-50: #ffeaf4;
--color-siren-100: #ffdbe6;
--color-siren-200: #f9c4d2;
--color-siren-300: #e2a3b5;
--color-siren-400: #ce869e;
--color-siren-500: #ba6986;
--color-siren-600: #9d5971;
--color-siren-700: #7e475b;
--color-siren-800: #5d3343;
--color-siren-900: #41232f;
--color-siren-950: #29121b;
}SCSS
$siren: #672640;
$siren-rgb: 103, 38, 64;
$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);
}