Color con nombre · #5F8151
Glade Green
Glade Green es #5F8151: rgb(95 129 81), hsl(103 23% 41%), oklch(0.565 0.081 136.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Glade Green color name →
#5F8151
oklch(0.565 0.081 136.9)
Conversiones de color
- HEX
- #5f8151
- RGB
- rgb(95 129 81)
- HSL
- hsl(103 23% 41%)
- HWB
- hwb(103 32% 49%)
- OKLCH
- oklch(0.565 0.081 136.9)
- OKLab
- oklab(0.565 -0.059 0.055)
- CIE Lab
- lab(50.43 -19.71 22.02)
- LCH
- lch(50.43 29.56 131.8)
- CMYK
- cmyk(26% 0% 37% 49%)
Tintes · Sombras · Tonos
Tintes
- 6E8D62
- 7D9972
- 8DA683
- 9CB294
- ACBFA5
- BCCBB7
- CDD8C8
- DDE5DA
- EEF2ED
Sombras
- 526F45
- 445E3A
- 384E2F
- 2C3E24
- 202E1A
- 151F10
- 0A1207
- 030602
- 000100
Tonos
- 628156
- 66815B
- 698160
- 6D8165
- 708169
- 73816E
- 768173
- 7A8077
- 7D807C
Armonías de color
Complementario +180°
- 5F8151
Glade Green
- 896796
≈ Mirabella
Análogo -30° +30°
- 5F8151
Glade Green
- 7B793E
≈ Evening Green
- 41856C
≈ Herb Blend
Triádico +120° +240°
- 5F8151
Glade Green
- 5777A5
≈ Vinca
- A06265
≈ Pizza Pie
Complementario dividido +150° +210°
- 5F8151
Glade Green
- 726EA3
≈ Toy Mauve
- 99627F
≈ Batik Pink
Tetrádico +90° +180° +270°
- 5F8151
Glade Green
- 3A7F9B
≈ Greenland Blue
- 896796
≈ Mirabella
- 9D674C
≈ Antique Copper
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 4.42:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.74:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.74:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--glade-green: #5f8151;
--glade-green-rgb: 95 129 81;
--glade-green-oklch: oklch(0.565 0.081 136.9);
}
.element {
color: var(--glade-green);
background-color: hsl(103 23% 41%);
border-color: oklch(0.565 0.081 136.9);
}Tailwind CSS v4
@theme {
--color-glade-green: #5f8151;
--color-glade-green-50: #eafbe5;
--color-glade-green-100: #dbefd5;
--color-glade-green-200: #c3ddbc;
--color-glade-green-300: #a3c29a;
--color-glade-green-400: #88aa7b;
--color-glade-green-500: #6d935d;
--color-glade-green-600: #5c7c4f;
--color-glade-green-700: #49633f;
--color-glade-green-800: #36492c;
--color-glade-green-900: #25321e;
--color-glade-green-950: #141e0e;
}SCSS
$glade-green: #5f8151;
$glade-green-rgb: 95, 129, 81;
$glade-green-light: mix(#fff, $glade-green, 20%);
$glade-green-dark: mix(#000, $glade-green, 20%);
.element {
color: $glade-green;
box-shadow: 0 0 0 2px rgba($glade-green, 0.35);
}