Dichtstbijzijnde benoemde kleur · #064432
#064432
Dichtstbijzijnde benoemde kleur: Zucchini
#064432 (rgb(6 68 50), hsl(163 84% 15%), oklch(0.345 0.067 167.4)) komt het dichtst bij de benoemde kleur Zucchini. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#064432
oklch(0.345 0.067 167.4)
Kleurconversies
- HEX
- #064432
- RGB
- rgb(6 68 50)
- HSL
- hsl(163 84% 15%)
- HWB
- hwb(163 2% 73%)
- OKLCH
- oklch(0.345 0.067 167.4)
- OKLab
- oklab(0.345 -0.065 0.015)
- CIE Lab
- lab(24.88 -23.24 5.42)
- LCH
- lch(24.88 23.86 166.9)
- CMYK
- cmyk(91% 0% 26% 73%)
Tinten · Schaduwen · Tonen
Tinten
- 255544
- 3D6656
- 54786A
- 6B8A7D
- 839D92
- 9BB0A7
- B3C3BC
- CCD7D2
- E5EBE8
Schaduwen
- 043A2A
- 033022
- 02261B
- 011D14
- 01140D
- 000C07
- 000503
- 000201
- 000000
Tonen
- 194A39
- 275041
- 335648
- 3E5C50
- 496258
- 54685F
- 5F6E67
- 6A7470
- 757A78
Kleurharmonieën
Complementair +180°
- 064432
Zucchini
- 522A40
≈ Potent Purple
Analoog -30° +30°
- 064432
Zucchini
- 27411D
≈ Myrtle
- 004244
≈ Warm Black
Triadisch +120° +240°
- 064432
Zucchini
- 37335A
≈ Very Blue
- 552D18
≈ Fudge Brownie
Gesplitst complementair +150° +210°
- 064432
Zucchini
- 472D50
≈ Purple Pennant
- 57292C
≈ Kuwazome Red
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 11.16:1 · APCA Lc 95
Ag
FailOp zwart
WCAG 1.88:1 · APCA Lc 0
Beste tekstkleur: #FFFFFF
WCAG 11.16:1 (AAA) · APCA Lc 95
Contrast pairs
Codefragmenten
CSS
:root {
--zucchini: #064432;
--zucchini-rgb: 6 68 50;
--zucchini-oklch: oklch(0.345 0.067 167.4);
}
.element {
color: var(--zucchini);
background-color: hsl(163 84% 15%);
border-color: oklch(0.345 0.067 167.4);
}Tailwind CSS v4
@theme {
--color-zucchini: #064432;
--color-zucchini-50: #e3fcf2;
--color-zucchini-100: #d3f0e4;
--color-zucchini-200: #b9decf;
--color-zucchini-300: #96c3b2;
--color-zucchini-400: #77ac96;
--color-zucchini-500: #57957d;
--color-zucchini-600: #4b7e6a;
--color-zucchini-700: #3b6555;
--color-zucchini-800: #2b4a3d;
--color-zucchini-900: #1d332a;
--color-zucchini-950: #0d1f17;
}SCSS
$zucchini: #064432;
$zucchini-rgb: 6, 68, 50;
$zucchini-light: mix(#fff, $zucchini, 20%);
$zucchini-dark: mix(#000, $zucchini, 20%);
.element {
color: $zucchini;
box-shadow: 0 0 0 2px rgba($zucchini, 0.35);
}