Named color · #3C2126
Temptress
Temptress is #3C2126: rgb(60 33 38), hsl(349 29% 18%), oklch(0.285 0.042 8.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Temptress color name →
#3C2126
oklch(0.285 0.042 8.1)
Color conversions
- HEX
- #3c2126
- RGB
- rgb(60 33 38)
- HSL
- hsl(349 29% 18%)
- HWB
- hwb(349 13% 76%)
- OKLCH
- oklch(0.285 0.042 8.1)
- OKLab
- oklab(0.285 0.042 0.006)
- CIE Lab
- lab(16.57 13.91 2.48)
- LCH
- lch(16.57 14.13 10.1)
- CMYK
- cmyk(0% 45% 37% 76%)
Tints · Shades · Tones
Tints
- 4E3438
- 60484C
- 735C60
- 867275
- 99888A
- AD9FA1
- C1B6B7
- D5CECF
- EAE6E7
Shades
- 331B20
- 2A1619
- 211013
- 190B0D
- 110608
- 0A0304
- 040102
- 010001
- 000000
Tones
- 432A2E
- 4A3337
- 513C3F
- 574548
- 5E4F51
- 65585A
- 6C6263
- 726C6D
- 797676
Color harmonies
Complementary +180°
- 3C2126
Temptress
- 0B312E
≈ Roof Tile Green
Analogous -30° +30°
- 3C2126
Temptress
- 382231
≈ Sitter Red
- 3C231B
≈ Brown Pod
Triadic +120° +240°
- 3C2126
Temptress
- 242E17
≈ Kuro Green
- 182C3E
≈ NATO Blue
Split-complementary +150° +210°
- 3C2126
Temptress
- 163022
≈ Méi Hēi Coal
- 0C2F38
≈ Black Chasm
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 14.60:1 · APCA Lc 101
Ag
FailOn black
WCAG 1.43:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 14.60:1 (AAA) · APCA Lc 101
Contrast pairs
Code snippets
CSS
:root {
--temptress: #3c2126;
--temptress-rgb: 60 33 38;
--temptress-oklch: oklch(0.285 0.042 8.1);
}
.element {
color: var(--temptress);
background-color: hsl(349 29% 18%);
border-color: oklch(0.285 0.042 8.1);
}Tailwind CSS v4
@theme {
--color-temptress: #3c2126;
--color-temptress-50: #fff0f2;
--color-temptress-100: #f6e2e4;
--color-temptress-200: #e6cdd0;
--color-temptress-300: #ccafb2;
--color-temptress-400: #b69599;
--color-temptress-500: #a07b81;
--color-temptress-600: #87686d;
--color-temptress-700: #6c5357;
--color-temptress-800: #503c40;
--color-temptress-900: #372a2c;
--color-temptress-950: #221719;
}SCSS
$temptress: #3c2126;
$temptress-rgb: 60, 33, 38;
$temptress-light: mix(#fff, $temptress, 20%);
$temptress-dark: mix(#000, $temptress, 20%);
.element {
color: $temptress;
box-shadow: 0 0 0 2px rgba($temptress, 0.35);
}