Benannte Farbe · #729E42
Indubitably Green
Indubitably Green ist #729E42: rgb(114 158 66), hsl(89 41% 44%), oklch(0.647 0.131 130.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Indubitably Green color name →
#729E42
oklch(0.647 0.131 130.7)
Farbumrechnungen
- HEX
- #729e42
- RGB
- rgb(114 158 66)
- HSL
- hsl(89 41% 44%)
- HWB
- hwb(89 26% 38%)
- OKLCH
- oklch(0.647 0.131 130.7)
- OKLab
- oklab(0.647 -0.086 0.1)
- CIE Lab
- lab(60.41 -27.19 42.05)
- LCH
- lch(60.41 50.07 122.9)
- CMYK
- cmyk(28% 0% 58% 38%)
Tints · Shades · Tones
Tints
- 7FA857
- 8DB16A
- 9BBB7D
- A9C590
- B7CEA2
- C5D8B4
- D3E2C7
- E2ECDA
- F0F5EC
Shades
- 628938
- 53742F
- 446025
- 364D1C
- 283A14
- 1B290B
- 0E1805
- 040901
- 010100
Tones
- 749B4B
- 759852
- 779659
- 789360
- 7A9066
- 7B8D6B
- 7C8A71
- 7E8676
- 7F837B
Farbharmonien
Komplementär +180°
- 729E42
Indubitably Green
- A776C9
≈ Wisteria
Analog -30° +30°
- 729E42
Indubitably Green
- A08F0F
≈ Romaine Green
- 2BA673
≈ Cǎo Lǜ Grass
Triadisch +120° +240°
- 729E42
Indubitably Green
- 4A92DB
≈ Blue Dart
- D1697B
≈ Pinkish
Geteilt komplementär +150° +210°
- 729E42
Indubitably Green
- 8083DC
≈ Tanzine
- C36CA6
≈ Crocus
Tetradisch +90° +180° +270°
- 729E42
Indubitably Green
- 009EC0
≈ Delos Blue
- A776C9
≈ Wisteria
- D0704C
≈ Coral Gold
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.14:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.68:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--indubitably-green: #729e42;
--indubitably-green-rgb: 114 158 66;
--indubitably-green-oklch: oklch(0.647 0.131 130.7);
}
.element {
color: var(--indubitably-green);
background-color: hsl(89 41% 44%);
border-color: oklch(0.647 0.131 130.7);
}Tailwind CSS v4
@theme {
--color-indubitably-green: #729e42;
--color-indubitably-green-50: #e7fed7;
--color-indubitably-green-100: #d7f2c5;
--color-indubitably-green-200: #bfe1a7;
--color-indubitably-green-300: #9dc67f;
--color-indubitably-green-400: #83ae58;
--color-indubitably-green-500: #67972d;
--color-indubitably-green-600: #588028;
--color-indubitably-green-700: #466620;
--color-indubitably-green-800: #344b12;
--color-indubitably-green-900: #24340c;
--color-indubitably-green-950: #121f01;
}SCSS
$indubitably-green: #729e42;
$indubitably-green-rgb: 114, 158, 66;
$indubitably-green-light: mix(#fff, $indubitably-green, 20%);
$indubitably-green-dark: mix(#000, $indubitably-green, 20%);
.element {
color: $indubitably-green;
box-shadow: 0 0 0 2px rgba($indubitably-green, 0.35);
}