Benannte Farbe · #47654A
Firm Green
Firm Green ist #47654A: rgb(71 101 74), hsl(126 17% 34%), oklch(0.475 0.056 147.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Firm Green color name →
#47654A
oklch(0.475 0.056 147.2)
Farbumrechnungen
- HEX
- #47654a
- RGB
- rgb(71 101 74)
- HSL
- hsl(126 17% 34%)
- HWB
- hwb(126 28% 60%)
- OKLCH
- oklch(0.475 0.056 147.2)
- OKLab
- oklab(0.475 -0.047 0.03)
- CIE Lab
- lab(39.83 -16.03 11.67)
- LCH
- lch(39.83 19.83 144)
- CMYK
- cmyk(30% 0% 27% 60%)
Tints · Shades · Tones
Tints
- 58735A
- 69826B
- 7B917D
- 8DA08E
- 9FAFA0
- B2BFB2
- C5CEC5
- D8DED8
- EBEFEB
Shades
- 3D573F
- 324935
- 283C2A
- 1F2F20
- 162217
- 0D170E
- 060C06
- 020302
- 000000
Tones
- 4D684F
- 536A55
- 586D5A
- 5E705F
- 647365
- 69756A
- 6F7870
- 757B75
- 7A7D7B
Farbharmonien
Komplementär +180°
- 47654A
Firm Green
- 6D516D
≈ Basil Mauve
Analog -30° +30°
- 47654A
Firm Green
- 5A613C
≈ Lovers Pine
- 37675C
≈ Dignified
Triadisch +120° +240°
- 47654A
Firm Green
- 4E5B7C
≈ Dark Iris
- 79504B
≈ Veil of Cinder
Geteilt komplementär +150° +210°
- 47654A
Firm Green
- 5F5678
≈ Taylor
- 764F5C
≈ Fine Wine
Tetradisch +90° +180° +270°
- 47654A
Firm Green
- 3D6178
≈ Mallard Blue
- 6D516D
≈ Basil Mauve
- 74543D
≈ Cellar Door
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.50:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.22:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--firm-green: #47654a;
--firm-green-rgb: 71 101 74;
--firm-green-oklch: oklch(0.475 0.056 147.2);
}
.element {
color: var(--firm-green);
background-color: hsl(126 17% 34%);
border-color: oklch(0.475 0.056 147.2);
}Tailwind CSS v4
@theme {
--color-firm-green: #47654a;
--color-firm-green-50: #ebfaed;
--color-firm-green-100: #dcedde;
--color-firm-green-200: #c5dbc8;
--color-firm-green-300: #a4c0a8;
--color-firm-green-400: #89a88c;
--color-firm-green-500: #6e9171;
--color-firm-green-600: #5d7a60;
--color-firm-green-700: #4a624c;
--color-firm-green-800: #364837;
--color-firm-green-900: #253225;
--color-firm-green-950: #141e14;
}SCSS
$firm-green: #47654a;
$firm-green-rgb: 71, 101, 74;
$firm-green-light: mix(#fff, $firm-green, 20%);
$firm-green-dark: mix(#000, $firm-green, 20%);
.element {
color: $firm-green;
box-shadow: 0 0 0 2px rgba($firm-green, 0.35);
}