Nearest named color · #311000
#311000
Nearest named color: Shadow Play
#311000 (rgb(49 16 0), hsl(20 100% 10%), oklch(0.223 0.061 47.6)) is closest to the named color Shadow Play. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#311000
oklch(0.223 0.061 47.6)
Color conversions
- HEX
- #311000
- RGB
- rgb(49 16 0)
- HSL
- hsl(20 100% 10%)
- HWB
- hwb(20 0% 81%)
- OKLCH
- oklch(0.223 0.061 47.6)
- OKLab
- oklab(0.223 0.041 0.045)
- CIE Lab
- lab(9.44 16.23 14.52)
- LCH
- lch(9.44 21.78 41.8)
- CMYK
- cmyk(0% 67% 100% 81%)
Tints · Shades · Tones
Tints
- 442514
- 583A2B
- 6B5042
- 7F675B
- 947E74
- A9978E
- BEB0A9
- D3CAC5
- E9E4E2
Shades
- 290C00
- 220900
- 1A0600
- 130400
- 0C0200
- 060100
- 030000
- 010000
- 000000
Tones
- 391B0A
- 412517
- 493023
- 513B30
- 59463D
- 61514A
- 695D57
- 716864
- 787472
Color harmonies
Complementary +180°
- 311000
Shadow Play
- 001F2B
≈ Cyanophobia
Analogous -30° +30°
- 311000
Shadow Play
- 320C10
≈ Black Rooster
- 271800
≈ Cannon Black
Triadic +120° +240°
- 311000
Shadow Play
- 002217
≈ Clock Chimes Thirteen
- 1A1536
≈ Lost in Sadness
Split-complementary +150° +210°
- 311000
Shadow Play
- 002121
≈ Stellar Explorer
- 071B37
≈ Naval Night
Tetradic +90° +180° +270°
- 311000
Shadow Play
- 0B2103
≈ Yuzu Soy
- 001F2B
≈ Cyanophobia
- 27112E
≈ Dark Prom Queen
Contrast & accessibility
Ag
AAAOn white
WCAG 17.43:1 · APCA Lc 104
Ag
FailOn black
WCAG 1.20:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 17.43:1 (AAA) · APCA Lc 104
Contrast pairs
Code snippets
CSS
:root {
--shadow-play: #311000;
--shadow-play-rgb: 49 16 0;
--shadow-play-oklch: oklch(0.223 0.061 47.6);
}
.element {
color: var(--shadow-play);
background-color: hsl(20 100% 10%);
border-color: oklch(0.223 0.061 47.6);
}Tailwind CSS v4
@theme {
--color-shadow-play: #311000;
--color-shadow-play-50: #fff1e6;
--color-shadow-play-100: #fae3d6;
--color-shadow-play-200: #ebcdbe;
--color-shadow-play-300: #d2af9c;
--color-shadow-play-400: #bd9480;
--color-shadow-play-500: #a87a63;
--color-shadow-play-600: #8e6754;
--color-shadow-play-700: #725343;
--color-shadow-play-800: #543c31;
--color-shadow-play-900: #3b2921;
--color-shadow-play-950: #251710;
}SCSS
$shadow-play: #311000;
$shadow-play-rgb: 49, 16, 0;
$shadow-play-light: mix(#fff, $shadow-play, 20%);
$shadow-play-dark: mix(#000, $shadow-play, 20%);
.element {
color: $shadow-play;
box-shadow: 0 0 0 2px rgba($shadow-play, 0.35);
}