Named color · #272F38
Chimney Sweep
Chimney Sweep is #272F38: rgb(39 47 56), hsl(212 18% 19%), oklch(0.301 0.02 251.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Chimney Sweep color name →
#272F38
oklch(0.301 0.02 251.5)
Color conversions
- HEX
- #272f38
- RGB
- rgb(39 47 56)
- HSL
- hsl(212 18% 19%)
- HWB
- hwb(212 15% 78%)
- OKLCH
- oklch(0.301 0.02 251.5)
- OKLab
- oklab(0.301 -0.006 -0.019)
- CIE Lab
- lab(18.92 -1.66 -6.97)
- LCH
- lch(18.92 7.17 256.6)
- CMYK
- cmyk(30% 16% 0% 78%)
Tints · Shades · Tones
Tints
- 394149
- 4D545C
- 61676E
- 767B82
- 8B9095
- A1A5AA
- B8BBBE
- CFD1D4
- E7E8E9
Shades
- 20272F
- 1A2027
- 14191F
- 0E1217
- 080C0F
- 040608
- 020304
- 010101
- 000000
Tones
- 2F363F
- 373E46
- 40464D
- 494E54
- 52565B
- 5B5E62
- 646669
- 6D6F71
- 767778
Color harmonies
Complementary +180°
- 272F38
Chimney Sweep
- 352D23
≈ Go to Hell Black
Analogous -30° +30°
- 272F38
Chimney Sweep
- 233135
≈ Navy Black
- 2C2D38
≈ Black Rock
Triadic +120° +240°
- 272F38
Chimney Sweep
- 372A2C
≈ Ganache
- 2B3026
≈ Pine Tree
Split-complementary +150° +210°
- 272F38
Chimney Sweep
- 372B27
≈ Roanoke
- 302F23
≈ Night Green
Tetradic +90° +180° +270°
- 272F38
Chimney Sweep
- 352A31
≈ Melanzane
- 352D23
≈ Go to Hell Black
- 25312B
≈ Ardósia
Contrast & accessibility
Ag
AAAOn white
WCAG 13.54:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.54:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.54:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--chimney-sweep: #272f38;
--chimney-sweep-rgb: 39 47 56;
--chimney-sweep-oklch: oklch(0.301 0.02 251.5);
}
.element {
color: var(--chimney-sweep);
background-color: hsl(212 18% 19%);
border-color: oklch(0.301 0.02 251.5);
}Tailwind CSS v4
@theme {
--color-chimney-sweep: #272f38;
--color-chimney-sweep-50: #f1f6fb;
--color-chimney-sweep-100: #e3e8ee;
--color-chimney-sweep-200: #ced5dd;
--color-chimney-sweep-300: #b1b8c2;
--color-chimney-sweep-400: #969faa;
--color-chimney-sweep-500: #7d8793;
--color-chimney-sweep-600: #6a737d;
--color-chimney-sweep-700: #555c64;
--color-chimney-sweep-800: #3d4349;
--color-chimney-sweep-900: #2a2e33;
--color-chimney-sweep-950: #181b1e;
}SCSS
$chimney-sweep: #272f38;
$chimney-sweep-rgb: 39, 47, 56;
$chimney-sweep-light: mix(#fff, $chimney-sweep, 20%);
$chimney-sweep-dark: mix(#000, $chimney-sweep, 20%);
.element {
color: $chimney-sweep;
box-shadow: 0 0 0 2px rgba($chimney-sweep, 0.35);
}