Cor nomeada mais próxima · #598257
#598257
Cor nomeada mais próxima: Kale
#598257 (rgb(89 130 87), hsl(117 20% 43%), oklch(0.564 0.079 143.3)) é mais próxima da cor nomeada Kale. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#598257
oklch(0.564 0.079 143.3)
Conversões de cor
- HEX
- #598257
- RGB
- rgb(89 130 87)
- HSL
- hsl(117 20% 43%)
- HWB
- hwb(117 34% 49%)
- OKLCH
- oklch(0.564 0.079 143.3)
- OKLab
- oklab(0.564 -0.064 0.047)
- CIE Lab
- lab(50.46 -21.69 18.63)
- LCH
- lch(50.46 28.59 139.3)
- CMYK
- cmyk(32% 0% 33% 49%)
Tons claros · Sombras · Tons
Tons claros
- 698E67
- 799A77
- 89A687
- 99B397
- AABFA8
- BACCB9
- CBD8CA
- DCE5DC
- EEF2ED
Sombras
- 4C704B
- 405F3E
- 344E33
- 283E27
- 1D2F1C
- 132012
- 091208
- 030603
- 000100
Tons
- 5D825B
- 618260
- 668264
- 698268
- 6D816C
- 718170
- 758174
- 798178
- 7C807C
Harmonias de cor
Complementar +180°
- 598257
Kale
- 8D6691
≈ Mirabella
Análoga -30° +30°
Tríade +120° +240°
- 598257
Kale
- 5D75A5
≈ Blue Yonder
- 9F635F
≈ Corazon
Complementar dividida +150° +210°
- 598257
Kale
- 786DA0
≈ Toy Mauve
- 9A6279
≈ Mellow Mauve
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.41:1 · APCA Lc 71
Ag
AASobre preto
WCAG 4.75:1 · APCA Lc 31
Melhor cor de texto: #000000
WCAG 4.75:1 (AA) · APCA Lc 31
Contrast pairs
Trechos de código
CSS
:root {
--kale: #598257;
--kale-rgb: 89 130 87;
--kale-oklch: oklch(0.564 0.079 143.3);
}
.element {
color: var(--kale);
background-color: hsl(117 20% 43%);
border-color: oklch(0.564 0.079 143.3);
}Tailwind CSS v4
@theme {
--color-kale: #598257;
--color-kale-50: #e8fce8;
--color-kale-100: #d8efd8;
--color-kale-200: #c0dec0;
--color-kale-300: #9ec39f;
--color-kale-400: #83ab80;
--color-kale-500: #669464;
--color-kale-600: #577d55;
--color-kale-700: #456443;
--color-kale-800: #33492f;
--color-kale-900: #223320;
--color-kale-950: #111f10;
}SCSS
$kale: #598257;
$kale-rgb: 89, 130, 87;
$kale-light: mix(#fff, $kale, 20%);
$kale-dark: mix(#000, $kale, 20%);
.element {
color: $kale;
box-shadow: 0 0 0 2px rgba($kale, 0.35);
}