Color con nombre más cercano · #1D392D
#1D392D
Color con nombre más cercano: Everglade
#1D392D (rgb(29 57 45), hsl(154 33% 17%), oklch(0.318 0.041 164.6)) se parece más al color con nombre Everglade. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#1D392D
oklch(0.318 0.041 164.6)
Conversiones de color
- HEX
- #1d392d
- RGB
- rgb(29 57 45)
- HSL
- hsl(154 33% 17%)
- HWB
- hwb(154 11% 78%)
- OKLCH
- oklch(0.318 0.041 164.6)
- OKLab
- oklab(0.318 -0.039 0.011)
- CIE Lab
- lab(21.45 -13.7 4.04)
- LCH
- lch(21.45 14.29 163.6)
- CMYK
- cmyk(49% 0% 21% 78%)
Tintes · Sombras · Tonos
Tintes
- 314A3F
- 465D52
- 5B6F65
- 71827A
- 87968F
- 9EAAA4
- B5BFBA
- CED4D1
- E6E9E8
Sombras
- 183026
- 13281F
- 0E1F18
- 091711
- 05100B
- 030906
- 010402
- 000101
- 000000
Tonos
- 274035
- 31473C
- 3A4D44
- 44544D
- 4E5C55
- 58635D
- 616A66
- 6C716E
- 767977
Armonías de color
Complementario +180°
- 1D392D
Everglade
- 412A37
≈ Soft Red
Análogo -30° +30°
- 1D392D
Everglade
- 293722
≈ Black Leather Jacket
- 153939
≈ Nordic
Triádico +120° +240°
- 1D392D
Everglade
- 303046
≈ Blue Regal
- 442C21
≈ Morocco Brown
Complementario dividido +150° +210°
- 1D392D
Everglade
- 3A2C41
≈ Obsidian Lava Black
- 452A2C
≈ Rookwood Dark Red
Tetrádico +90° +180° +270°
- 1D392D
Everglade
- 243347
≈ Crow Black
- 412A37
≈ Soft Red
- 3F2F1A
≈ Iroko
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 12.53:1 · APCA Lc 98
Ag
FailSobre negro
WCAG 1.67:1 · APCA Lc 0
Mejor color de texto: #FFFFFF
WCAG 12.53:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmentos de código
CSS
:root {
--everglade: #1d392d;
--everglade-rgb: 29 57 45;
--everglade-oklch: oklch(0.318 0.041 164.6);
}
.element {
color: var(--everglade);
background-color: hsl(154 33% 17%);
border-color: oklch(0.318 0.041 164.6);
}Tailwind CSS v4
@theme {
--color-everglade: #1d392d;
--color-everglade-50: #ebf9f3;
--color-everglade-100: #dcece5;
--color-everglade-200: #c5dad0;
--color-everglade-300: #a5beb3;
--color-everglade-400: #89a698;
--color-everglade-500: #6d8f7f;
--color-everglade-600: #5d796c;
--color-everglade-700: #4a6156;
--color-everglade-800: #36473e;
--color-everglade-900: #25312b;
--color-everglade-950: #131d18;
}SCSS
$everglade: #1d392d;
$everglade-rgb: 29, 57, 45;
$everglade-light: mix(#fff, $everglade, 20%);
$everglade-dark: mix(#000, $everglade, 20%);
.element {
color: $everglade;
box-shadow: 0 0 0 2px rgba($everglade, 0.35);
}