Dichtstbijzijnde benoemde kleur · #56974B
#56974B
Dichtstbijzijnde benoemde kleur: Wicked Witch
#56974B (rgb(86 151 75), hsl(111 34% 44%), oklch(0.614 0.128 140.8)) komt het dichtst bij de benoemde kleur Wicked Witch. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#56974B
oklch(0.614 0.128 140.8)
Kleurconversies
- HEX
- #56974b
- RGB
- rgb(86 151 75)
- HSL
- hsl(111 34% 44%)
- HWB
- hwb(111 29% 41%)
- OKLCH
- oklch(0.614 0.128 140.8)
- OKLab
- oklab(0.614 -0.099 0.081)
- CIE Lab
- lab(56.76 -33.37 32.97)
- LCH
- lch(56.76 46.91 135.3)
- CMYK
- cmyk(43% 0% 50% 41%)
Tinten · Schaduwen · Tonen
Tinten
- 67A15D
- 78AC6F
- 89B681
- 99C092
- AACBA4
- BBD5B6
- CCE0C8
- DDEADA
- EEF5ED
Schaduwen
- 4A8340
- 3E6F35
- 325C2B
- 274921
- 1C3717
- 12260E
- 081706
- 020802
- 000100
Tonen
- 5B9551
- 609358
- 65915D
- 698E63
- 6D8C68
- 718A6D
- 758872
- 798577
- 7D837B
Kleurharmonieën
Complementair +180°
- 56974B
Wicked Witch
- A769B3
≈ Soft Purple
Analoog -30° +30°
- 56974B
Wicked Witch
- 898B17
≈ Palak Paneer
- 009B7A
≈ Paolo Veronese Green
Triadisch +120° +240°
- 56974B
Wicked Witch
- 5783D1
≈ Berlin Blue
- C66263
≈ Stormy Passion
Gesplitst complementair +150° +210°
- 56974B
Wicked Witch
- 8575CB
≈ True V
- BD618E
≈ Beauty Queen
Tetradisch +90° +180° +270°
- 56974B
Wicked Witch
- 0091C1
≈ Blue to the Bone
- A769B3
≈ Soft Purple
- C06B34
≈ Sesame Crunch
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.54:1 · APCA Lc 63
Ag
AAOp zwart
WCAG 5.92:1 · APCA Lc 39
Beste tekstkleur: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Codefragmenten
CSS
:root {
--wicked-witch: #56974b;
--wicked-witch-rgb: 86 151 75;
--wicked-witch-oklch: oklch(0.614 0.128 140.8);
}
.element {
color: var(--wicked-witch);
background-color: hsl(111 34% 44%);
border-color: oklch(0.614 0.128 140.8);
}Tailwind CSS v4
@theme {
--color-wicked-witch: #56974b;
--color-wicked-witch-50: #e1ffde;
--color-wicked-witch-100: #d0f4cd;
--color-wicked-witch-200: #b5e3b1;
--color-wicked-witch-300: #90c98c;
--color-wicked-witch-400: #73b168;
--color-wicked-witch-500: #529a45;
--color-wicked-witch-600: #46833c;
--color-wicked-witch-700: #38692f;
--color-wicked-witch-800: #2a4d1f;
--color-wicked-witch-900: #1c3514;
--color-wicked-witch-950: #0c2006;
}SCSS
$wicked-witch: #56974b;
$wicked-witch-rgb: 86, 151, 75;
$wicked-witch-light: mix(#fff, $wicked-witch, 20%);
$wicked-witch-dark: mix(#000, $wicked-witch, 20%);
.element {
color: $wicked-witch;
box-shadow: 0 0 0 2px rgba($wicked-witch, 0.35);
}