Benannte Farbe · #006611
Nature’s Masterpiece
Nature’s Masterpiece ist #006611: rgb(0 102 17), hsl(130 100% 20%), oklch(0.443 0.143 144.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Nature’s Masterpiece color name →
#006611
oklch(0.443 0.143 144.1)
Farbumrechnungen
- HEX
- #006611
- RGB
- rgb(0 102 17)
- HSL
- hsl(130 100% 20%)
- HWB
- hwb(130 0% 60%)
- OKLCH
- oklch(0.443 0.143 144.1)
- OKLab
- oklab(0.443 -0.116 0.084)
- CIE Lab
- lab(37.04 -39.75 36.72)
- LCH
- lch(37.04 54.11 137.3)
- CMYK
- cmyk(100% 0% 83% 60%)
Tints · Shades · Tones
Tints
- 2A752E
- 448445
- 5C935C
- 73A272
- 8AB189
- A1C1A0
- B8D0B7
- CFE0CF
- E7EFE7
Shades
- 00580D
- 004A09
- 003C06
- 002F04
- 002302
- 001701
- 000C00
- 000400
- 000000
Tones
- 1C6922
- 2C6C2E
- 396F3A
- 457244
- 4F744F
- 5A7759
- 637963
- 6D7C6C
- 777E76
Farbharmonien
Komplementär +180°
- 006611
Nature’s Masterpiece
- 78307F
≈ Maximum Purple
Analog -30° +30°
- 006611
Nature’s Masterpiece
- 535900
≈ Greensboro
- 006250
≈ Sci-Fi Takeout
Triadisch +120° +240°
- 006611
Nature’s Masterpiece
- 294DA1
≈ Sea of Tears
- 922629
≈ Vivid Auburn
Geteilt komplementär +150° +210°
- 006611
Nature’s Masterpiece
- 5A3E99
≈ Daisy Bush
- 8B2759
≈ Dark Raspberry
Tetradisch +90° +180° +270°
- 006611
Nature’s Masterpiece
- 005B7E
≈ Commandes
- 78307F
≈ Maximum Purple
- 813F00
≈ Hazelnut Chocolate
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.21:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 2.90:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 7.21:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--nature-s-masterpiece: #006611;
--nature-s-masterpiece-rgb: 0 102 17;
--nature-s-masterpiece-oklch: oklch(0.443 0.143 144.1);
}
.element {
color: var(--nature-s-masterpiece);
background-color: hsl(130 100% 20%);
border-color: oklch(0.443 0.143 144.1);
}Tailwind CSS v4
@theme {
--color-nature-s-masterpiece: #006611;
--color-nature-s-masterpiece-50: #dcffdd;
--color-nature-s-masterpiece-100: #caf5cc;
--color-nature-s-masterpiece-200: #ade5b0;
--color-nature-s-masterpiece-300: #86cb8b;
--color-nature-s-masterpiece-400: #65b466;
--color-nature-s-masterpiece-500: #3e9e42;
--color-nature-s-masterpiece-600: #368539;
--color-nature-s-masterpiece-700: #2b6b2d;
--color-nature-s-masterpiece-800: #214e1d;
--color-nature-s-masterpiece-900: #163613;
--color-nature-s-masterpiece-950: #072105;
}SCSS
$nature-s-masterpiece: #006611;
$nature-s-masterpiece-rgb: 0, 102, 17;
$nature-s-masterpiece-light: mix(#fff, $nature-s-masterpiece, 20%);
$nature-s-masterpiece-dark: mix(#000, $nature-s-masterpiece, 20%);
.element {
color: $nature-s-masterpiece;
box-shadow: 0 0 0 2px rgba($nature-s-masterpiece, 0.35);
}