Color con nombre más cercano · #30592B
#30592B
Color con nombre más cercano: Pine
#30592B (rgb(48 89 43), hsl(113 35% 26%), oklch(0.421 0.086 141.6)) se parece más al color con nombre Pine. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#30592B
oklch(0.421 0.086 141.6)
Conversiones de color
- HEX
- #30592b
- RGB
- rgb(48 89 43)
- HSL
- hsl(113 35% 26%)
- HWB
- hwb(113 17% 65%)
- OKLCH
- oklch(0.421 0.086 141.6)
- OKLab
- oklab(0.421 -0.068 0.054)
- CIE Lab
- lab(33.91 -22.88 21.8)
- LCH
- lch(33.91 31.6 136.4)
- CMYK
- cmyk(46% 0% 52% 65%)
Tintes · Sombras · Tonos
Tintes
- 43683F
- 577852
- 6B8867
- 7F987B
- 93A990
- A8BAA5
- BDCBBB
- D3DCD1
- E9EDE8
Sombras
- 284C24
- 21401D
- 1A3416
- 132810
- 0C1D0A
- 061305
- 030902
- 010301
- 000000
Tonos
- 385D34
- 41613C
- 496545
- 51694D
- 596D56
- 60715E
- 687567
- 70786F
- 787C77
Armonías de color
Complementario +180°
- 30592B
Pine
- 633C6A
≈ Wine Tour
Análogo -30° +30°
- 30592B
Pine
- 4F520D
≈ Verdun Green
- 005C48
≈ Evergreen
Triádico +120° +240°
- 30592B
Pine
- 324D7C
≈ High Altar
- 763838
≈ Madder Brown
Complementario dividido +150° +210°
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AAASobre blanco
WCAG 8.10:1 · APCA Lc 88
Ag
FailSobre negro
WCAG 2.58:1 · APCA Lc 14
Mejor color de texto: #FFFFFF
WCAG 8.10:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmentos de código
CSS
:root {
--pine: #30592b;
--pine-rgb: 48 89 43;
--pine-oklch: oklch(0.421 0.086 141.6);
}
.element {
color: var(--pine);
background-color: hsl(113 35% 26%);
border-color: oklch(0.421 0.086 141.6);
}Tailwind CSS v4
@theme {
--color-pine: #30592b;
--color-pine-50: #e7fce6;
--color-pine-100: #d7f0d6;
--color-pine-200: #bfdebd;
--color-pine-300: #9dc39b;
--color-pine-400: #82ac7c;
--color-pine-500: #65955e;
--color-pine-600: #567e50;
--color-pine-700: #446540;
--color-pine-800: #324a2d;
--color-pine-900: #22331e;
--color-pine-950: #111f0e;
}SCSS
$pine: #30592b;
$pine-rgb: 48, 89, 43;
$pine-light: mix(#fff, $pine, 20%);
$pine-dark: mix(#000, $pine, 20%);
.element {
color: $pine;
box-shadow: 0 0 0 2px rgba($pine, 0.35);
}