Benannte Farbe · #D3C190
Monument Green
Monument Green ist #D3C190: rgb(211 193 144), hsl(44 43% 70%), oklch(0.814 0.068 90.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Monument Green color name →
#D3C190
oklch(0.814 0.068 90.2)
Farbumrechnungen
- HEX
- #d3c190
- RGB
- rgb(211 193 144)
- HSL
- hsl(44 43% 70%)
- HWB
- hwb(44 56% 17%)
- OKLCH
- oklch(0.814 0.068 90.2)
- OKLab
- oklab(0.814 0 0.068)
- CIE Lab
- lab(78.7 1.2 27.18)
- LCH
- lch(78.7 27.21 87.5)
- CMYK
- cmyk(0% 9% 32% 17%)
Tints · Shades · Tones
Tints
- D7C79B
- DCCDA6
- E0D4B1
- E4DABC
- E9E0C7
- EDE6D3
- F2ECDE
- F6F3E9
- FBF9F4
Shades
- B7A77D
- 9C8F6A
- 827757
- 695F45
- 514934
- 3A3424
- 242015
- 100E07
- 020201
Tones
- CABA8F
- C2B48D
- B9AD8C
- B1A78B
- A9A089
- A09A87
- 989386
- 908D84
- 888682
Farbharmonien
Komplementär +180°
- D3C190
Monument Green
- B1C1EF
≈ Larkspur Bud
Analog -30° +30°
- D3C190
Monument Green
- E4B996
≈ Southern Peach
- BCC998
≈ Sprout
Triadisch +120° +240°
- D3C190
Monument Green
- 8ECFDB
≈ Winter Chill
- DCB3D7
≈ Blushing Sky
Geteilt komplementär +150° +210°
- D3C190
Monument Green
- 9BC9EA
≈ Fail Whale
- C9B9E8
≈ Connecticut Lilac
Tetradisch +90° +180° +270°
- D3C190
Monument Green
- 91D1C4
≈ Opal Turquoise
- B1C1EF
≈ Larkspur Bud
- E8B0C0
≈ Athena Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.77:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.80:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
CSS
:root {
--monument-green: #d3c190;
--monument-green-rgb: 211 193 144;
--monument-green-oklch: oklch(0.814 0.068 90.2);
}
.element {
color: var(--monument-green);
background-color: hsl(44 43% 70%);
border-color: oklch(0.814 0.068 90.2);
}Tailwind CSS v4
@theme {
--color-monument-green: #d3c190;
--color-monument-green-50: #fcf5e0;
--color-monument-green-100: #f0e8cf;
--color-monument-green-200: #ded4b4;
--color-monument-green-300: #c4b790;
--color-monument-green-400: #ae9d70;
--color-monument-green-500: #978450;
--color-monument-green-600: #807044;
--color-monument-green-700: #675a36;
--color-monument-green-800: #4c4126;
--color-monument-green-900: #352d19;
--color-monument-green-950: #201a0a;
}SCSS
$monument-green: #d3c190;
$monument-green-rgb: 211, 193, 144;
$monument-green-light: mix(#fff, $monument-green, 20%);
$monument-green-dark: mix(#000, $monument-green, 20%);
.element {
color: $monument-green;
box-shadow: 0 0 0 2px rgba($monument-green, 0.35);
}