Benannte Farbe · #666600
Earthy Khaki Green
Earthy Khaki Green ist #666600: rgb(102 102 0), hsl(60 100% 20%), oklch(0.494 0.108 109.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Earthy Khaki Green color name →
#666600
oklch(0.494 0.108 109.8)
Farbumrechnungen
- HEX
- #666600
- RGB
- rgb(102 102 0)
- HSL
- hsl(60 100% 20%)
- HWB
- hwb(60 0% 60%)
- OKLCH
- oklch(0.494 0.108 109.8)
- OKLab
- oklab(0.494 -0.036 0.101)
- CIE Lab
- lab(41.97 -8.04 47.66)
- LCH
- lch(41.97 48.33 99.6)
- CMYK
- cmyk(0% 0% 100% 60%)
Tints · Shades · Tones
Tints
- 74752A
- 828344
- 91925B
- 9FA172
- AFB089
- BEC0A0
- CECFB8
- DEDFCF
- EEEFE7
Shades
- 585800
- 4A4A00
- 3C3C00
- 2F2F00
- 232300
- 171700
- 0C0C00
- 040400
- 000000
Tones
- 68691C
- 6B6C2C
- 6D6E38
- 707144
- 72744F
- 757659
- 787963
- 7A7B6D
- 7D7E76
Farbharmonien
Komplementär +180°
- 666600
Earthy Khaki Green
- 61559A
≈ Purple Opulence
Analog -30° +30°
- 666600
Earthy Khaki Green
- 805A00
≈ Soil of Avagddu
- 3E7032
≈ Druid Green
Triadisch +120° +240°
- 666600
Earthy Khaki Green
- 006B8E
≈ Copacabana
- 8E456A
≈ Bonbon Red
Geteilt komplementär +150° +210°
- 666600
Earthy Khaki Green
- 3B619E
≈ Raftsman
- 7C4C87
≈ Cleopatra’s Gown
Tetradisch +90° +180° +270°
- 666600
Earthy Khaki Green
- 007074
≈ Active Turquoise
- 61559A
≈ Purple Opulence
- 954548
≈ Plum Majesty
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.05:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.46:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--earthy-khaki-green: #666600;
--earthy-khaki-green-rgb: 102 102 0;
--earthy-khaki-green-oklch: oklch(0.494 0.108 109.8);
}
.element {
color: var(--earthy-khaki-green);
background-color: hsl(60 100% 20%);
border-color: oklch(0.494 0.108 109.8);
}Tailwind CSS v4
@theme {
--color-earthy-khaki-green: #666600;
--color-earthy-khaki-green-50: #f5f9d6;
--color-earthy-khaki-green-100: #e8ecc3;
--color-earthy-khaki-green-200: #d5d9a4;
--color-earthy-khaki-green-300: #b9bd7c;
--color-earthy-khaki-green-400: #a2a455;
--color-earthy-khaki-green-500: #8b8c29;
--color-earthy-khaki-green-600: #767625;
--color-earthy-khaki-green-700: #5e5f1d;
--color-earthy-khaki-green-800: #464512;
--color-earthy-khaki-green-900: #31300b;
--color-earthy-khaki-green-950: #1d1c01;
}SCSS
$earthy-khaki-green: #666600;
$earthy-khaki-green-rgb: 102, 102, 0;
$earthy-khaki-green-light: mix(#fff, $earthy-khaki-green, 20%);
$earthy-khaki-green-dark: mix(#000, $earthy-khaki-green, 20%);
.element {
color: $earthy-khaki-green;
box-shadow: 0 0 0 2px rgba($earthy-khaki-green, 0.35);
}