Dichtstbijzijnde benoemde kleur · #598200
#598200
Dichtstbijzijnde benoemde kleur: Avocado
#598200 (rgb(89 130 0), hsl(79 100% 25%), oklch(0.555 0.146 128.3)) komt het dichtst bij de benoemde kleur Avocado. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#598200
oklch(0.555 0.146 128.3)
Kleurconversies
- HEX
- #598200
- RGB
- rgb(89 130 0)
- HSL
- hsl(79 100% 25%)
- HWB
- hwb(79 0% 49%)
- OKLCH
- oklch(0.555 0.146 128.3)
- OKLab
- oklab(0.555 -0.09 0.114)
- CIE Lab
- lab(49.77 -27.41 52.7)
- LCH
- lch(49.77 59.4 117.5)
- CMYK
- cmyk(32% 0% 100% 49%)
Tinten · Schaduwen · Tonen
Tinten
- 688E2E
- 789B49
- 88A761
- 98B478
- A9C08E
- BACDA4
- CBD9BB
- DCE6D1
- EDF2E8
Schaduwen
- 4C7000
- 405F00
- 344E00
- 283E00
- 1D2F00
- 132000
- 091200
- 030600
- 000100
Tonen
- 5D8220
- 618230
- 65823D
- 698249
- 6D8253
- 71825D
- 748266
- 78816F
- 7C8177
Kleurharmonieën
Complementair +180°
- 598200
Avocado
- 8B57B3
≈ Lusty Lavender
Analoog -30° +30°
- 598200
Avocado
- 857300
≈ Soft Fig
- 008955
≈ English Meadow
Triadisch +120° +240°
- 598200
Avocado
- 0E77C3
≈ Diva Blue
- B74762
≈ Dark Rose
Gesplitst complementair +150° +210°
- 598200
Avocado
- 6266C6
≈ Bluish Purple Anemone
- A74C90
≈ Plum Dust
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 4.54:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.61:1 · APCA Lc 30
Beste tekstkleur: #000000
WCAG 4.61:1 (AA) · APCA Lc 30
Contrast pairs
Codefragmenten
CSS
:root {
--avocado: #598200;
--avocado-rgb: 89 130 0;
--avocado-oklch: oklch(0.555 0.146 128.3);
}
.element {
color: var(--avocado);
background-color: hsl(79 100% 25%);
border-color: oklch(0.555 0.146 128.3);
}Tailwind CSS v4
@theme {
--color-avocado: #598200;
--color-avocado-50: #e7fed3;
--color-avocado-100: #d8f2bf;
--color-avocado-200: #bfe19f;
--color-avocado-300: #9ec775;
--color-avocado-400: #85ae49;
--color-avocado-500: #699709;
--color-avocado-600: #598010;
--color-avocado-700: #47660e;
--color-avocado-800: #354b03;
--color-avocado-900: #243403;
--color-avocado-950: #131f00;
}SCSS
$avocado: #598200;
$avocado-rgb: 89, 130, 0;
$avocado-light: mix(#fff, $avocado, 20%);
$avocado-dark: mix(#000, $avocado, 20%);
.element {
color: $avocado;
box-shadow: 0 0 0 2px rgba($avocado, 0.35);
}