Benannte Farbe · #91AA90
Natural Harmony
Natural Harmony ist #91AA90: rgb(145 170 144), hsl(118 13% 62%), oklch(0.712 0.046 144.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Natural Harmony color name →
#91AA90
oklch(0.712 0.046 144.1)
Farbumrechnungen
- HEX
- #91aa90
- RGB
- rgb(145 170 144)
- HSL
- hsl(118 13% 62%)
- HWB
- hwb(118 56% 33%)
- OKLCH
- oklch(0.712 0.046 144.1)
- OKLab
- oklab(0.712 -0.038 0.027)
- CIE Lab
- lab(67.13 -12.82 10.43)
- LCH
- lch(67.13 16.52 140.9)
- CMYK
- cmyk(15% 0% 15% 33%)
Tints · Shades · Tones
Tints
- 9CB29B
- A6BBA5
- B1C3B0
- BCCBBB
- C7D4C6
- D2DCD1
- DDE5DD
- E8EEE8
- F4F6F3
Shades
- 7D937D
- 6A7D6A
- 586857
- 465345
- 353F34
- 252D24
- 151B15
- 070B07
- 010101
Tones
- 8FA68E
- 8EA18D
- 8C9D8B
- 8A998A
- 899588
- 879187
- 858C85
- 848883
- 828482
Farbharmonien
Komplementär +180°
- 91AA90
Natural Harmony
- B199B3
≈ Veiled Violet
Analog -30° +30°
- 91AA90
Natural Harmony
- A1A685
≈ Dark Envy
- 84ACA0
≈ Summer Dragonfly
Triadisch +120° +240°
- 91AA90
Natural Harmony
- 93A2C0
≈ Wild Clary
- BE9794
≈ Mutabilis
Geteilt komplementär +150° +210°
- 91AA90
Natural Harmony
- A39DBD
≈ Grape Gatsby
- BA96A4
≈ Violet Fantasy
Tetradisch +90° +180° +270°
- 91AA90
Natural Harmony
- 86A7BB
≈ Notable Hue
- B199B3
≈ Veiled Violet
- BA9B87
≈ Coquina Shell
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.51:1 · APCA Lc 49
Ag
AAAAuf Schwarz
WCAG 8.35:1 · APCA Lc 53
Beste Textfarbe: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Code-Snippets
CSS
:root {
--natural-harmony: #91aa90;
--natural-harmony-rgb: 145 170 144;
--natural-harmony-oklch: oklch(0.712 0.046 144.1);
}
.element {
color: var(--natural-harmony);
background-color: hsl(118 13% 62%);
border-color: oklch(0.712 0.046 144.1);
}Tailwind CSS v4
@theme {
--color-natural-harmony: #91aa90;
--color-natural-harmony-50: #edf9ed;
--color-natural-harmony-100: #dfecdf;
--color-natural-harmony-200: #c8dac9;
--color-natural-harmony-300: #a9beaa;
--color-natural-harmony-400: #8ea68d;
--color-natural-harmony-500: #748f73;
--color-natural-harmony-600: #627961;
--color-natural-harmony-700: #4e614e;
--color-natural-harmony-800: #394738;
--color-natural-harmony-900: #273126;
--color-natural-harmony-950: #151d14;
}SCSS
$natural-harmony: #91aa90;
$natural-harmony-rgb: 145, 170, 144;
$natural-harmony-light: mix(#fff, $natural-harmony, 20%);
$natural-harmony-dark: mix(#000, $natural-harmony, 20%);
.element {
color: $natural-harmony;
box-shadow: 0 0 0 2px rgba($natural-harmony, 0.35);
}