Couleur nommée la plus proche · #101E1D
#101E1D
Couleur nommée la plus proche: Swamp Thing
#101E1D (rgb(16 30 29), hsl(176 30% 9%), oklch(0.222 0.02 190.2)) 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.
#101E1D
oklch(0.222 0.02 190.2)
Conversions de couleur
- HEX
- #101e1d
- RGB
- rgb(16 30 29)
- HSL
- hsl(176 30% 9%)
- HWB
- hwb(176 6% 88%)
- OKLCH
- oklch(0.222 0.02 190.2)
- OKLab
- oklab(0.222 -0.019 -0.003)
- CIE Lab
- lab(9.96 -6.54 -1.35)
- LCH
- lch(9.96 6.68 191.6)
- CMYK
- cmyk(47% 0% 3% 88%)
Teintes · Ombres · Tons
Teintes
- 243130
- 394443
- 4E5958
- 656F6E
- 7D8585
- 969D9C
- AFB4B4
- C9CDCC
- E4E6E5
Ombres
- 0C1918
- 091313
- 060E0E
- 040909
- 020505
- 010303
- 000101
- 000000
- 000000
Tons
- 1A2726
- 24302F
- 2F3938
- 3A4342
- 454C4C
- 505656
- 5C6060
- 686B6B
- 747575
Harmonies de couleurs
Complémentaire +180°
- 101E1D
Swamp Thing
- 231719
≈ Kālā Black
Analogue -30° +30°
- 101E1D
Swamp Thing
- 131E18
≈ Black Emerald
- 111D21
≈ Gluon Grey
Triadique +120° +240°
- 101E1D
Swamp Thing
- 1E1922
≈ Night Demons
- 211A11
≈ Black Umber
Complémentaire divisée +150° +210°
- 101E1D
Swamp Thing
- 21181E
≈ Kurobeni
- 231814
≈ Used Oil
Tétradique +90° +180° +270°
- 101E1D
Swamp Thing
- 191A24
≈ Coarse Wool
- 231719
≈ Kālā Black
- 1D1B11
≈ Nightshade Berries
Contraste et accessibilité
Ag
AAASur blanc
WCAG 17.13:1 · APCA Lc 104
Ag
FailSur noir
WCAG 1.22:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 17.13:1 (AAA) · APCA Lc 104
Contrast pairs
Extraits de code
CSS
:root {
--swamp-thing: #101e1d;
--swamp-thing-rgb: 16 30 29;
--swamp-thing-oklch: oklch(0.222 0.02 190.2);
}
.element {
color: var(--swamp-thing);
background-color: hsl(176 30% 9%);
border-color: oklch(0.222 0.02 190.2);
}Tailwind CSS v4
@theme {
--color-swamp-thing: #101e1d;
--color-swamp-thing-50: #eff7f6;
--color-swamp-thing-100: #e1eae9;
--color-swamp-thing-200: #cbd7d6;
--color-swamp-thing-300: #adbbba;
--color-swamp-thing-400: #92a2a1;
--color-swamp-thing-500: #788b89;
--color-swamp-thing-600: #667574;
--color-swamp-thing-700: #515e5d;
--color-swamp-thing-800: #3b4544;
--color-swamp-thing-900: #282f2f;
--color-swamp-thing-950: #161c1b;
}SCSS
$swamp-thing: #101e1d;
$swamp-thing-rgb: 16, 30, 29;
$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);
}