Najbliższy nazwany kolor · #598257
#598257
Najbliższy nazwany kolor: Kale
#598257 (rgb(89 130 87), hsl(117 20% 43%), oklch(0.564 0.079 143.3)) jest najbliższy nazwanemu kolorowi Kale. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#598257
oklch(0.564 0.079 143.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 698E67
- 799A77
- 89A687
- 99B397
- AABFA8
- BACCB9
- CBD8CA
- DCE5DC
- EEF2ED
Odcienie ciemniejsze
- 4C704B
- 405F3E
- 344E33
- 283E27
- 1D2F1C
- 132012
- 091208
- 030603
- 000100
Tony
- 5D825B
- 618260
- 668264
- 698268
- 6D816C
- 718170
- 758174
- 798178
- 7C807C
Harmonie kolorów
Komplementarna +180°
- 598257
Kale
- 8D6691
≈ Mirabella
Analogowa -30° +30°
Triada +120° +240°
- 598257
Kale
- 5D75A5
≈ Blue Yonder
- 9F635F
≈ Corazon
Komplementarna rozszczepiona +150° +210°
- 598257
Kale
- 786DA0
≈ Toy Mauve
- 9A6279
≈ Mellow Mauve
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.41:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.75:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.75:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
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);
}