Benannte Farbe · #445500
Highlands Moss
Highlands Moss ist #445500: rgb(68 85 0), hsl(72 100% 17%), oklch(0.42 0.102 122). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Highlands Moss color name →
#445500
oklch(0.42 0.102 122)
Farbumrechnungen
- HEX
- #445500
- RGB
- rgb(68 85 0)
- HSL
- hsl(72 100% 17%)
- HWB
- hwb(72 0% 67%)
- OKLCH
- oklch(0.42 0.102 122)
- OKLab
- oklab(0.42 -0.054 0.086)
- CIE Lab
- lab(33.56 -15.27 40.09)
- LCH
- lch(33.56 42.9 110.9)
- CMYK
- cmyk(20% 0% 100% 67%)
Tints · Shades · Tones
Tints
- 546524
- 65753D
- 778555
- 89966C
- 9CA784
- AFB89C
- C2CAB4
- D6DBCD
- EAEDE6
Shades
- 3A4900
- 303D00
- 263100
- 1D2600
- 141C00
- 0C1100
- 050800
- 020200
- 000000
Tones
- 4A5917
- 4F5E26
- 556233
- 5B673F
- 616B4A
- 676F55
- 6D7360
- 73786B
- 7A7C75
Farbharmonien
Komplementär +180°
- 445500
Highlands Moss
- 583D7B
≈ Loden Purple
Analog -30° +30°
- 445500
Highlands Moss
- 5E4B00
≈ Scorzonera Brown
- 115C30
≈ Crusoe
Triadisch +120° +240°
- 445500
Highlands Moss
- 00527E
≈ Toy Submarine Blue
- 783149
≈ Satin Chocolate
Geteilt komplementär +150° +210°
- 445500
Highlands Moss
- 3A4784
≈ Blue Estate
- 6C3565
≈ Grape
Tetradisch +90° +180° +270°
- 445500
Highlands Moss
- 005764
≈ Abyssal Waters
- 583D7B
≈ Loden Purple
- 7B3427
≈ Roycroft Copper Red
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.25:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.54:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.25:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--highlands-moss: #445500;
--highlands-moss-rgb: 68 85 0;
--highlands-moss-oklch: oklch(0.42 0.102 122);
}
.element {
color: var(--highlands-moss);
background-color: hsl(72 100% 17%);
border-color: oklch(0.42 0.102 122);
}Tailwind CSS v4
@theme {
--color-highlands-moss: #445500;
--color-highlands-moss-50: #effbdb;
--color-highlands-moss-100: #e1eec9;
--color-highlands-moss-200: #cbdcad;
--color-highlands-moss-300: #acc187;
--color-highlands-moss-400: #94a862;
--color-highlands-moss-500: #7b913e;
--color-highlands-moss-600: #687a36;
--color-highlands-moss-700: #53622a;
--color-highlands-moss-800: #3e471c;
--color-highlands-moss-900: #2b3112;
--color-highlands-moss-950: #181d05;
}SCSS
$highlands-moss: #445500;
$highlands-moss-rgb: 68, 85, 0;
$highlands-moss-light: mix(#fff, $highlands-moss, 20%);
$highlands-moss-dark: mix(#000, $highlands-moss, 20%);
.element {
color: $highlands-moss;
box-shadow: 0 0 0 2px rgba($highlands-moss, 0.35);
}