Color con nombre · #557138
Deep Pine
Deep Pine es #557138: rgb(85 113 56), hsl(89 34% 33%), oklch(0.512 0.089 130.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Deep Pine color name →
#557138
oklch(0.512 0.089 130.5)
Conversiones de color
- HEX
- #557138
- RGB
- rgb(85 113 56)
- HSL
- hsl(89 34% 33%)
- HWB
- hwb(89 22% 56%)
- OKLCH
- oklch(0.512 0.089 130.5)
- OKLab
- oklab(0.512 -0.058 0.068)
- CIE Lab
- lab(44.37 -18.57 27.95)
- LCH
- lch(44.37 33.56 123.6)
- CMYK
- cmyk(25% 0% 50% 56%)
Tintes · Sombras · Tonos
Tintes
- 657E4B
- 758C5F
- 859A72
- 95A885
- A6B699
- B8C4AD
- C9D3C1
- DBE1D5
- EDF0EA
Sombras
- 49612F
- 3D5227
- 31431F
- 263517
- 1C270F
- 111A08
- 080E04
- 020401
- 000100
Tonos
- 597340
- 5E7448
- 62764F
- 667756
- 6A795E
- 6F7A65
- 737C6B
- 777D72
- 7C7F79
Armonías de color
Complementario +180°
- 557138
Deep Pine
- 77588D
≈ Classic Waltz
Análogo -30° +30°
- 557138
Deep Pine
- 726823
≈ Spicy Mustard
- 2F7655
≈ Greasy Greens
Triádico +120° +240°
- 557138
Deep Pine
- 3D6A98
≈ Star Sapphire
- 92505A
≈ Rialto
Complementario dividido +150° +210°
- 557138
Deep Pine
- 5D6099
≈ Wizard’s Potion
- 895176
≈ Plum Highness
Tetrádico +90° +180° +270°
- 557138
Deep Pine
- 11728A
≈ Waterworld
- 77588D
≈ Classic Waltz
- 92543E
≈ Prairie Clay
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 5.51:1 · APCA Lc 77
Ag
FailSobre negro
WCAG 3.80:1 · APCA Lc 24
Mejor color de texto: #FFFFFF
WCAG 5.51:1 (AA) · APCA Lc 77
Contrast pairs
Fragmentos de código
CSS
:root {
--deep-pine: #557138;
--deep-pine-rgb: 85 113 56;
--deep-pine-oklch: oklch(0.512 0.089 130.5);
}
.element {
color: var(--deep-pine);
background-color: hsl(89 34% 33%);
border-color: oklch(0.512 0.089 130.5);
}Tailwind CSS v4
@theme {
--color-deep-pine: #557138;
--color-deep-pine-50: #ecfbe1;
--color-deep-pine-100: #ddefd0;
--color-deep-pine-200: #c6ddb6;
--color-deep-pine-300: #a6c293;
--color-deep-pine-400: #8ca971;
--color-deep-pine-500: #729251;
--color-deep-pine-600: #617c46;
--color-deep-pine-700: #4d6337;
--color-deep-pine-800: #394826;
--color-deep-pine-900: #273219;
--color-deep-pine-950: #151e0a;
}SCSS
$deep-pine: #557138;
$deep-pine-rgb: 85, 113, 56;
$deep-pine-light: mix(#fff, $deep-pine, 20%);
$deep-pine-dark: mix(#000, $deep-pine, 20%);
.element {
color: $deep-pine;
box-shadow: 0 0 0 2px rgba($deep-pine, 0.35);
}