Benannte Farbe · #9DA94B
Ogryn Camo
Ogryn Camo ist #9DA94B: rgb(157 169 75), hsl(68 39% 48%), oklch(0.706 0.12 115.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Ogryn Camo color name →
#9DA94B
oklch(0.706 0.12 115.6)
Farbumrechnungen
- HEX
- #9da94b
- RGB
- rgb(157 169 75)
- HSL
- hsl(68 39% 48%)
- HWB
- hwb(68 29% 34%)
- OKLCH
- oklch(0.706 0.12 115.6)
- OKLab
- oklab(0.706 -0.052 0.108)
- CIE Lab
- lab(66.8 -14.42 46)
- LCH
- lch(66.8 48.2 107.4)
- CMYK
- cmyk(7% 0% 56% 34%)
Tints · Shades · Tones
Tints
- A6B25F
- B0BA72
- B9C384
- C3CB96
- CCD4A8
- D6DDB9
- E0E5CA
- EAEEDC
- F5F6ED
Shades
- 889240
- 737C35
- 5F672B
- 4C5321
- 3A3F17
- 282C0E
- 181B06
- 090A02
- 010100
Tones
- 9AA553
- 97A15A
- 949D60
- 919966
- 8E956B
- 8B9170
- 888D74
- 858878
- 83847C
Farbharmonien
Komplementär +180°
- 9DA94B
Ogryn Camo
- A690E2
≈ Middy’s Purple
Analog -30° +30°
- 9DA94B
Ogryn Camo
- C29A3C
≈ Golden Mean
- 6DB471
≈ Appleton
Triadisch +120° +240°
- 9DA94B
Ogryn Camo
- 48ABE0
≈ Thalassophile
- DA7FA3
≈ Pinking. Fast and Slow
Geteilt komplementär +150° +210°
- 9DA94B
Ogryn Camo
- 7C9EEB
≈ Portage
- C685C8
≈ Purception
Tetradisch +90° +180° +270°
- 9DA94B
Ogryn Camo
- 08B5C4
≈ Lago Blue
- A690E2
≈ Middy’s Purple
- E18179
≈ Tango Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.55:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.21:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.21:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--ogryn-camo: #9da94b;
--ogryn-camo-rgb: 157 169 75;
--ogryn-camo-oklch: oklch(0.706 0.12 115.6);
}
.element {
color: var(--ogryn-camo);
background-color: hsl(68 39% 48%);
border-color: oklch(0.706 0.12 115.6);
}Tailwind CSS v4
@theme {
--color-ogryn-camo: #9da94b;
--color-ogryn-camo-50: #f2fad4;
--color-ogryn-camo-100: #e4eec1;
--color-ogryn-camo-200: #d0dca1;
--color-ogryn-camo-300: #b2c078;
--color-ogryn-camo-400: #9ba74f;
--color-ogryn-camo-500: #838f1c;
--color-ogryn-camo-600: #6f791c;
--color-ogryn-camo-700: #596116;
--color-ogryn-camo-800: #42460b;
--color-ogryn-camo-900: #2e3107;
--color-ogryn-camo-950: #1b1d00;
}SCSS
$ogryn-camo: #9da94b;
$ogryn-camo-rgb: 157, 169, 75;
$ogryn-camo-light: mix(#fff, $ogryn-camo, 20%);
$ogryn-camo-dark: mix(#000, $ogryn-camo, 20%);
.element {
color: $ogryn-camo;
box-shadow: 0 0 0 2px rgba($ogryn-camo, 0.35);
}