Couleur nommée la plus proche · #1A2927
#1A2927
Couleur nommée la plus proche: Swamp Thing
#1A2927 (rgb(26 41 39), hsl(172 22% 13%), oklch(0.267 0.021 185.7)) est la plus proche de la couleur nommée Swamp Thing. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1A2927
oklch(0.267 0.021 185.7)
Conversions de couleur
- HEX
- #1a2927
- RGB
- rgb(26 41 39)
- HSL
- hsl(172 22% 13%)
- HWB
- hwb(172 10% 84%)
- OKLCH
- oklch(0.267 0.021 185.7)
- OKLab
- oklab(0.267 -0.021 -0.002)
- CIE Lab
- lab(15.18 -7.02 -0.83)
- LCH
- lch(15.18 7.07 186.8)
- CMYK
- cmyk(37% 0% 5% 84%)
Teintes · Ombres · Tons
Teintes
- 2D3B39
- 424E4C
- 576261
- 6D7775
- 848C8B
- 9BA2A1
- B3B9B8
- CCD0CF
- E5E7E7
Ombres
- 152220
- 101C1A
- 0C1514
- 070F0E
- 040908
- 020504
- 010202
- 000101
- 000000
Tons
- 23312F
- 2D3937
- 374140
- 414A49
- 4B5351
- 555B5A
- 5F6464
- 6A6D6D
- 757776
Harmonies de couleurs
Complémentaire +180°
- 1A2927
Swamp Thing
- 2F2224
≈ Hornblende
Analogue -30° +30°
- 1A2927
Swamp Thing
- 1E2921
≈ Swamp Thing
- 1A282C
≈ Black Pearl
Triadique +120° +240°
- 1A2927
Swamp Thing
- 28232E
≈ Closed Shutter
- 2D241B
≈ Kenpōzome Black
Complémentaire divisée +150° +210°
- 1A2927
Swamp Thing
- 2C222A
≈ Shikon
- 2F221F
≈ Kenpōzome Black
Tétradique +90° +180° +270°
- 1A2927
Swamp Thing
- 232530
≈ Closed Shutter
- 2F2224
≈ Hornblende
- 29261A
≈ Maire
Contraste et accessibilité
Ag
AAASur blanc
WCAG 15.10:1 · APCA Lc 102
Ag
FailSur noir
WCAG 1.39:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 15.10:1 (AAA) · APCA Lc 102
Contrast pairs
Extraits de code
CSS
:root {
--swamp-thing: #1a2927;
--swamp-thing-rgb: 26 41 39;
--swamp-thing-oklch: oklch(0.267 0.021 185.7);
}
.element {
color: var(--swamp-thing);
background-color: hsl(172 22% 13%);
border-color: oklch(0.267 0.021 185.7);
}Tailwind CSS v4
@theme {
--color-swamp-thing: #1a2927;
--color-swamp-thing-50: #eff7f6;
--color-swamp-thing-100: #e1eae9;
--color-swamp-thing-200: #cbd7d6;
--color-swamp-thing-300: #acbbb9;
--color-swamp-thing-400: #92a3a0;
--color-swamp-thing-500: #788b88;
--color-swamp-thing-600: #657573;
--color-swamp-thing-700: #515e5c;
--color-swamp-thing-800: #3b4543;
--color-swamp-thing-900: #28302e;
--color-swamp-thing-950: #161c1b;
}SCSS
$swamp-thing: #1a2927;
$swamp-thing-rgb: 26, 41, 39;
$swamp-thing-light: mix(#fff, $swamp-thing, 20%);
$swamp-thing-dark: mix(#000, $swamp-thing, 20%);
.element {
color: $swamp-thing;
box-shadow: 0 0 0 2px rgba($swamp-thing, 0.35);
}