Benannte Farbe · #009A70
Rainforest
Rainforest ist #009A70: rgb(0 154 112), hsl(164 100% 30%), oklch(0.608 0.127 165.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Rainforest color name →
#009A70
oklch(0.608 0.127 165.5)
Farbumrechnungen
- HEX
- #009a70
- RGB
- rgb(0 154 112)
- HSL
- hsl(164 100% 30%)
- HWB
- hwb(164 0% 40%)
- OKLCH
- oklch(0.608 0.127 165.5)
- OKLab
- oklab(0.608 -0.123 0.032)
- CIE Lab
- lab(56.24 -43.87 11.99)
- LCH
- lch(56.24 45.48 164.7)
- CMYK
- cmyk(100% 0% 27% 40%)
Tints · Shades · Tones
Tints
- 38A47D
- 55AE8B
- 6DB899
- 83C3A7
- 99CDB5
- ADD7C4
- C2E1D2
- D6EBE1
- EBF5F0
Shades
- 008560
- 007151
- 005E43
- 004B35
- 003927
- 00271A
- 00170E
- 000904
- 000101
Tones
- 289872
- 3A9573
- 479375
- 529077
- 5C8E78
- 648B7A
- 6C897B
- 73867D
- 7A837E
Farbharmonien
Komplementär +180°
- 009A70
Rainforest
- B76193
≈ Spring Crocus
Analog -30° +30°
- 009A70
Rainforest
- 5F9341
≈ Mary’s Garden
- 009596
≈ Atrovirens
Triadisch +120° +240°
- 009A70
Rainforest
- 7C76CB
≈ Kickstart Purple
- C0673C
≈ Clay Pot
Geteilt komplementär +150° +210°
- 009A70
Rainforest
- A069B6
≈ Prickly Purple
- C35F69
≈ Candy Drop
Tetradisch +90° +180° +270°
- 009A70
Rainforest
- 4B84CD
≈ Blue Sonki
- B76193
≈ Spring Crocus
- AE7604
≈ Falafel
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.58:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.85:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.85:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--rainforest: #009a70;
--rainforest-rgb: 0 154 112;
--rainforest-oklch: oklch(0.608 0.127 165.5);
}
.element {
color: var(--rainforest);
background-color: hsl(164 100% 30%);
border-color: oklch(0.608 0.127 165.5);
}Tailwind CSS v4
@theme {
--color-rainforest: #009a70;
--color-rainforest-50: #d3ffee;
--color-rainforest-100: #c0f6df;
--color-rainforest-200: #9ee6c9;
--color-rainforest-300: #71ccaa;
--color-rainforest-400: #44b68c;
--color-rainforest-500: #00a071;
--color-rainforest-600: #008760;
--color-rainforest-700: #006c4d;
--color-rainforest-800: #005036;
--color-rainforest-900: #013725;
--color-rainforest-950: #002213;
}SCSS
$rainforest: #009a70;
$rainforest-rgb: 0, 154, 112;
$rainforest-light: mix(#fff, $rainforest, 20%);
$rainforest-dark: mix(#000, $rainforest, 20%);
.element {
color: $rainforest;
box-shadow: 0 0 0 2px rgba($rainforest, 0.35);
}