Benannte Farbe · #A58B2C
Faint Green
Faint Green ist #A58B2C: rgb(165 139 44), hsl(47 58% 41%), oklch(0.643 0.115 93.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Faint Green color name →
#A58B2C
oklch(0.643 0.115 93.2)
Farbumrechnungen
- HEX
- #a58b2c
- RGB
- rgb(165 139 44)
- HSL
- hsl(47 58% 41%)
- HWB
- hwb(47 17% 35%)
- OKLCH
- oklch(0.643 0.115 93.2)
- OKLab
- oklab(0.643 -0.007 0.115)
- CIE Lab
- lab(59 2.64 51.67)
- LCH
- lch(59 51.74 87.1)
- CMYK
- cmyk(0% 16% 73% 35%)
Tints · Shades · Tones
Tints
- AE9647
- B6A25D
- BFAD72
- C8B987
- D1C49B
- DAD0AF
- E3DCC3
- ECE7D7
- F6F3EB
Shades
- 8F7825
- 79661E
- 655417
- 514311
- 3D320A
- 2B2305
- 1A1402
- 0A0701
- 010100
Tones
- A18A3A
- 9D8945
- 9A884E
- 968757
- 92865F
- 8F8566
- 8B846D
- 878374
- 84817A
Farbharmonien
Komplementär +180°
- A58B2C
Faint Green
- 7787D3
≈ Tanzine
Analog -30° +30°
- A58B2C
Faint Green
- BE7C3B
≈ Tuscan Sunset
- 809844
≈ Bamboo Grass Green
Triadisch +120° +240°
- A58B2C
Faint Green
- 009EB6
≈ Brilliant Sea
- B772AB
≈ Eccentric Magenta
Geteilt komplementär +150° +210°
- A58B2C
Faint Green
- 4794CD
≈ Perfect Sky
- 9C7BC6
≈ Wisteria
Tetradisch +90° +180° +270°
- A58B2C
Faint Green
- 00A394
≈ Turquish
- 7787D3
≈ Tanzine
- C66E86
≈ Silk Ribbon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.31:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.32:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--faint-green: #a58b2c;
--faint-green-rgb: 165 139 44;
--faint-green-oklch: oklch(0.643 0.115 93.2);
}
.element {
color: var(--faint-green);
background-color: hsl(47 58% 41%);
border-color: oklch(0.643 0.115 93.2);
}Tailwind CSS v4
@theme {
--color-faint-green: #a58b2c;
--color-faint-green-50: #fff6d1;
--color-faint-green-100: #f3e8bd;
--color-faint-green-200: #e3d49c;
--color-faint-green-300: #c9b772;
--color-faint-green-400: #b59d47;
--color-faint-green-500: #a08302;
--color-faint-green-600: #876f0c;
--color-faint-green-700: #6c590b;
--color-faint-green-800: #514005;
--color-faint-green-900: #382c04;
--color-faint-green-950: #231900;
}SCSS
$faint-green: #a58b2c;
$faint-green-rgb: 165, 139, 44;
$faint-green-light: mix(#fff, $faint-green, 20%);
$faint-green-dark: mix(#000, $faint-green, 20%);
.element {
color: $faint-green;
box-shadow: 0 0 0 2px rgba($faint-green, 0.35);
}