Dichtstbijzijnde benoemde kleur · #80A563
#80A563
Dichtstbijzijnde benoemde kleur: Frankenstein
#80A563 (rgb(128 165 99), hsl(94 27% 52%), oklch(0.678 0.101 132.4)) komt het dichtst bij de benoemde kleur Frankenstein. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#80A563
oklch(0.678 0.101 132.4)
Kleurconversies
- HEX
- #80a563
- RGB
- rgb(128 165 99)
- HSL
- hsl(94 27% 52%)
- HWB
- hwb(94 39% 35%)
- OKLCH
- oklch(0.678 0.101 132.4)
- OKLab
- oklab(0.678 -0.068 0.074)
- CIE Lab
- lab(63.78 -22.16 29.91)
- LCH
- lch(63.78 37.22 126.5)
- CMYK
- cmyk(22% 0% 40% 35%)
Tinten · Schaduwen · Tonen
Tinten
- 8CAE73
- 98B782
- A5C091
- B1C9A1
- BED2B0
- CBDBC0
- D8E4CF
- E5EDDF
- F2F6EF
Schaduwen
- 6E8F55
- 5D7947
- 4D653A
- 3D512E
- 2E3D21
- 1F2B16
- 121A0B
- 060A03
- 010100
Tonen
- 80A167
- 809E6A
- 809A6D
- 809670
- 809373
- 808F76
- 808B79
- 80887B
- 80847E
Kleurharmonieën
Complementair +180°
- 80A563
Frankenstein
- AD85C4
≈ Creeping Bellflower
Analoog -30° +30°
- 80A563
Frankenstein
- A49A4C
≈ Formosan Green
- 57AB85
≈ Julep
Triadisch +120° +240°
- 80A563
Frankenstein
- 699BD4
≈ Sea Loch
- CE7D87
≈ Grey Matter
Gesplitst complementair +150° +210°
- 80A563
Frankenstein
- 8E90D4
≈ Adora
- C37EA9
≈ Strawberry Freeze
Tetradisch +90° +180° +270°
- 80A563
Frankenstein
- 44A5C4
≈ Oasis Spring
- AD85C4
≈ Creeping Bellflower
- CC8365
≈ Burning Sand
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.48:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--frankenstein: #80a563;
--frankenstein-rgb: 128 165 99;
--frankenstein-oklch: oklch(0.678 0.101 132.4);
}
.element {
color: var(--frankenstein);
background-color: hsl(94 27% 52%);
border-color: oklch(0.678 0.101 132.4);
}Tailwind CSS v4
@theme {
--color-frankenstein: #80a563;
--color-frankenstein-50: #e9fcdf;
--color-frankenstein-100: #daf0ce;
--color-frankenstein-200: #c3deb3;
--color-frankenstein-300: #a2c38f;
--color-frankenstein-400: #88ab6d;
--color-frankenstein-500: #6c944b;
--color-frankenstein-600: #5c7d41;
--color-frankenstein-700: #496433;
--color-frankenstein-800: #364923;
--color-frankenstein-900: #253317;
--color-frankenstein-950: #141e08;
}SCSS
$frankenstein: #80a563;
$frankenstein-rgb: 128, 165, 99;
$frankenstein-light: mix(#fff, $frankenstein, 20%);
$frankenstein-dark: mix(#000, $frankenstein, 20%);
.element {
color: $frankenstein;
box-shadow: 0 0 0 2px rgba($frankenstein, 0.35);
}