Colore con nome · #272F38
Chimney Sweep
Chimney Sweep è #272F38: rgb(39 47 56), hsl(212 18% 19%), oklch(0.301 0.02 251.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Chimney Sweep color name →
#272F38
oklch(0.301 0.02 251.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 394149
- 4D545C
- 61676E
- 767B82
- 8B9095
- A1A5AA
- B8BBBE
- CFD1D4
- E7E8E9
Ombre
- 20272F
- 1A2027
- 14191F
- 0E1217
- 080C0F
- 040608
- 020304
- 010101
- 000000
Toni
- 2F363F
- 373E46
- 40464D
- 494E54
- 52565B
- 5B5E62
- 646669
- 6D6F71
- 767778
Armonie di colore
Complementare +180°
- 272F38
Chimney Sweep
- 352D23
≈ Go to Hell Black
Analogo -30° +30°
- 272F38
Chimney Sweep
- 233135
≈ Navy Black
- 2C2D38
≈ Black Rock
Triadico +120° +240°
- 272F38
Chimney Sweep
- 372A2C
≈ Ganache
- 2B3026
≈ Pine Tree
Complementare divisa +150° +210°
- 272F38
Chimney Sweep
- 372B27
≈ Roanoke
- 302F23
≈ Night Green
Tetradico +90° +180° +270°
- 272F38
Chimney Sweep
- 352A31
≈ Melanzane
- 352D23
≈ Go to Hell Black
- 25312B
≈ Ardósia
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.54:1 · APCA Lc 100
Ag
FailSu nero
WCAG 1.54:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.54:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
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);
}