Color con nombre más cercano · #142A28
#142A28
Color con nombre más cercano: Swamp Thing
#142A28 (rgb(20 42 40), hsl(175 35% 12%), oklch(0.266 0.028 188.1)) se parece más al color con nombre Swamp Thing. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#142A28
oklch(0.266 0.028 188.1)
Conversiones de color
- HEX
- #142a28
- RGB
- rgb(20 42 40)
- HSL
- hsl(175 35% 12%)
- HWB
- hwb(175 8% 84%)
- OKLCH
- oklch(0.266 0.028 188.1)
- OKLab
- oklab(0.266 -0.028 -0.004)
- CIE Lab
- lab(15.19 -9.62 -1.58)
- LCH
- lch(15.19 9.75 189.3)
- CMYK
- cmyk(52% 0% 5% 84%)
Tintes · Sombras · Tonos
Tintes
- 283C3A
- 3D4F4D
- 536361
- 6A7876
- 818D8C
- 99A3A2
- B2B9B8
- CBD0CF
- E5E7E7
Sombras
- 102321
- 0C1C1B
- 081615
- 05100F
- 030A09
- 010504
- 010202
- 000101
- 000000
Tonos
- 1E3230
- 293A38
- 334241
- 3E4B49
- 485352
- 535C5B
- 5E6564
- 696E6D
- 747777
Armonías de color
Complementario +180°
- 142A28
Swamp Thing
- 322023
≈ Hornblende
Análogo -30° +30°
- 142A28
Swamp Thing
- 192A20
≈ Kuro Green
- 15292F
≈ Black Box
Triádico +120° +240°
- 142A28
Swamp Thing
- 292230
≈ Bleached Cedar
- 2F2316
≈ Black Slug
Complementario dividido +150° +210°
- 142A28
Swamp Thing
- 2F202A
≈ Delighted Chimp
- 32211B
≈ Scorched
Tetrádico +90° +180° +270°
- 142A28
Swamp Thing
- 222433
≈ Moonless Mystery
- 322023
≈ Hornblende
- 292615
≈ Black Mesa
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 15.09:1 · APCA Lc 102
Ag
FailSobre negro
WCAG 1.39:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 15.09:1 (AAA) · APCA Lc 102
Contrast pairs
Fragmentos de código
CSS
:root {
--swamp-thing: #142a28;
--swamp-thing-rgb: 20 42 40;
--swamp-thing-oklch: oklch(0.266 0.028 188.1);
}
.element {
color: var(--swamp-thing);
background-color: hsl(175 35% 12%);
border-color: oklch(0.266 0.028 188.1);
}Tailwind CSS v4
@theme {
--color-swamp-thing: #142a28;
--color-swamp-thing-50: #edf8f7;
--color-swamp-thing-100: #deebea;
--color-swamp-thing-200: #c7d8d7;
--color-swamp-thing-300: #a8bcba;
--color-swamp-thing-400: #8ca4a1;
--color-swamp-thing-500: #718d8a;
--color-swamp-thing-600: #607774;
--color-swamp-thing-700: #4d5f5d;
--color-swamp-thing-800: #384644;
--color-swamp-thing-900: #26302f;
--color-swamp-thing-950: #141c1b;
}SCSS
$swamp-thing: #142a28;
$swamp-thing-rgb: 20, 42, 40;
$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);
}