Color con nombre · #5D9865
Wildness Mint
Wildness Mint es #5D9865: rgb(93 152 101), hsl(128 24% 48%), oklch(0.625 0.098 147.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Wildness Mint color name →
#5D9865
oklch(0.625 0.098 147.5)
Conversiones de color
- HEX
- #5d9865
- RGB
- rgb(93 152 101)
- HSL
- hsl(128 24% 48%)
- HWB
- hwb(128 36% 40%)
- OKLCH
- oklch(0.625 0.098 147.5)
- OKLab
- oklab(0.625 -0.083 0.053)
- CIE Lab
- lab(57.78 -28.47 20.61)
- LCH
- lch(57.78 35.15 144.1)
- CMYK
- cmyk(39% 0% 34% 40%)
Tintes · Sombras · Tonos
Tintes
- 6DA274
- 7DAC83
- 8DB692
- 9DC1A1
- ADCBB0
- BED5BF
- CEE0CF
- DEEADF
- EEF5EF
Sombras
- 508457
- 437049
- 375C3C
- 2A4A2F
- 1F3822
- 142717
- 0A170C
- 030803
- 000100
Tonos
- 619668
- 66936B
- 69916E
- 6D8F71
- 718C73
- 748A76
- 778879
- 7A857B
- 7D837E
Armonías de color
Complementario +180°
- 5D9865
Wildness Mint
- A872A6
≈ Orchid Kiss
Análogo -30° +30°
- 5D9865
Wildness Mint
- 839047
≈ Camo
- 349B87
≈ Green Jelly
Triádico +120° +240°
- 5D9865
Wildness Mint
- 6E85C3
≈ Violets Are Blue
- BC7067
≈ Shepherd’s Warning
Complementario dividido +150° +210°
- 5D9865
Wildness Mint
- 8E7BBC
≈ Royal Raul
- B76E88
≈ Pink Hibiscus
Tetrádico +90° +180° +270°
- 5D9865
Wildness Mint
- 4790BC
≈ Quiet Night
- A872A6
≈ Orchid Kiss
- B47849
≈ Rocky Racoon
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.41:1 · APCA Lc 62
Ag
AASobre negro
WCAG 6.14:1 · APCA Lc 40
Mejor color de texto: #000000
WCAG 6.14:1 (AA) · APCA Lc 40
Contrast pairs
Fragmentos de código
CSS
:root {
--wildness-mint: #5d9865;
--wildness-mint-rgb: 93 152 101;
--wildness-mint-oklch: oklch(0.625 0.098 147.5);
}
.element {
color: var(--wildness-mint);
background-color: hsl(128 24% 48%);
border-color: oklch(0.625 0.098 147.5);
}Tailwind CSS v4
@theme {
--color-wildness-mint: #5d9865;
--color-wildness-mint-50: #e2fee6;
--color-wildness-mint-100: #d2f2d7;
--color-wildness-mint-200: #b8e1be;
--color-wildness-mint-300: #94c69d;
--color-wildness-mint-400: #76af7d;
--color-wildness-mint-500: #569860;
--color-wildness-mint-600: #498051;
--color-wildness-mint-700: #3a6741;
--color-wildness-mint-800: #2b4b2d;
--color-wildness-mint-900: #1d341e;
--color-wildness-mint-950: #0d200e;
}SCSS
$wildness-mint: #5d9865;
$wildness-mint-rgb: 93, 152, 101;
$wildness-mint-light: mix(#fff, $wildness-mint, 20%);
$wildness-mint-dark: mix(#000, $wildness-mint, 20%);
.element {
color: $wildness-mint;
box-shadow: 0 0 0 2px rgba($wildness-mint, 0.35);
}