Nächste benannte Farbe · #88A45B
#88A45B
Nächste benannte Farbe: Frankenstein
#88A45B (rgb(136 164 91), hsl(83 29% 50%), oklch(0.68 0.104 126.2)) liegt am nächsten an der benannten Farbe Frankenstein. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#88A45B
oklch(0.68 0.104 126.2)
Farbumrechnungen
- HEX
- #88a45b
- RGB
- rgb(136 164 91)
- HSL
- hsl(83 29% 50%)
- HWB
- hwb(83 36% 36%)
- OKLCH
- oklch(0.68 0.104 126.2)
- OKLab
- oklab(0.68 -0.061 0.084)
- CIE Lab
- lab(63.94 -19.36 34.38)
- LCH
- lch(63.94 39.45 119.4)
- CMYK
- cmyk(17% 0% 45% 36%)
Tints · Shades · Tones
Tints
- 93AD6C
- 9FB67C
- AABF8C
- B6C89D
- C2D1AD
- CEDABD
- DAE3CD
- E6EDDE
- F3F6EE
Shades
- 758E4E
- 637941
- 526435
- 415029
- 313D1E
- 222B13
- 131A09
- 060A03
- 010100
Tones
- 87A060
- 869D64
- 869968
- 85966C
- 849270
- 838F74
- 828B77
- 82877A
- 81847D
Farbharmonien
Komplementär +180°
- 88A45B
Frankenstein
- A887CB
≈ Lilac Purple
Analog -30° +30°
- 88A45B
Frankenstein
- AB9847
≈ Semi Opal
- 5EAC7D
≈ Green Tea Candy
Triadisch +120° +240°
- 88A45B
Frankenstein
- 5F9ED5
≈ Picton Blue
- CF7C8E
≈ Dusky Pink
Geteilt komplementär +150° +210°
- 88A45B
Frankenstein
- 8792D8
≈ Mystic Iris
- C17FB1
≈ Drama Violet
Tetradisch +90° +180° +270°
- 88A45B
Frankenstein
- 39A8C1
≈ Moonstone
- A887CB
≈ Lilac Purple
- D0806B
≈ Fire Chalk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.50:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--frankenstein: #88a45b;
--frankenstein-rgb: 136 164 91;
--frankenstein-oklch: oklch(0.68 0.104 126.2);
}
.element {
color: var(--frankenstein);
background-color: hsl(83 29% 50%);
border-color: oklch(0.68 0.104 126.2);
}Tailwind CSS v4
@theme {
--color-frankenstein: #88a45b;
--color-frankenstein-50: #ecfbdc;
--color-frankenstein-100: #deefca;
--color-frankenstein-200: #c7ddae;
--color-frankenstein-300: #a8c289;
--color-frankenstein-400: #8faa65;
--color-frankenstein-500: #759241;
--color-frankenstein-600: #637c38;
--color-frankenstein-700: #4f632c;
--color-frankenstein-800: #3b481d;
--color-frankenstein-900: #283213;
--color-frankenstein-950: #161e05;
}SCSS
$frankenstein: #88a45b;
$frankenstein-rgb: 136, 164, 91;
$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);
}