Benannte Farbe · #C7BEA7
Jungle Khaki
Jungle Khaki ist #C7BEA7: rgb(199 190 167), hsl(43 22% 72%), oklch(0.803 0.033 89.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Jungle Khaki color name →
#C7BEA7
oklch(0.803 0.033 89.2)
Farbumrechnungen
- HEX
- #c7bea7
- RGB
- rgb(199 190 167)
- HSL
- hsl(43 22% 72%)
- HWB
- hwb(43 65% 22%)
- OKLCH
- oklch(0.803 0.033 89.2)
- OKLab
- oklab(0.803 0 0.033)
- CIE Lab
- lab(77.26 0.42 12.86)
- LCH
- lch(77.26 12.87 88.1)
- CMYK
- cmyk(0% 5% 16% 22%)
Tints · Shades · Tones
Tints
- CCC4B0
- D2CBB8
- D8D1C1
- DDD8CA
- E3DED2
- E8E5DB
- EEEBE4
- F4F2ED
- F9F8F6
Shades
- ADA591
- 938C7B
- 7A7566
- 625E52
- 4C483E
- 36332C
- 211F1A
- 0E0D0A
- 020201
Tones
- C0B8A3
- B8B19F
- B1AB9B
- AAA597
- A39E93
- 9C9890
- 95928C
- 8E8C88
- 878684
Farbharmonien
Komplementär +180°
- C7BEA7
Jungle Khaki
- B6BED5
≈ Peri Wink
Analog -30° +30°
- C7BEA7
Jungle Khaki
- CFBAAA
≈ Smoke Grey
- BCC2AA
≈ Healing Retreat
Triadisch +120° +240°
- C7BEA7
Jungle Khaki
- A7C5CA
≈ Skyward
- CBB7C9
≈ Ballad
Geteilt komplementär +150° +210°
- C7BEA7
Jungle Khaki
- ACC2D2
≈ Ruffled Feathers
- C1BAD1
≈ Fog Syringa
Tetradisch +90° +180° +270°
- C7BEA7
Jungle Khaki
- A9C6BF
≈ Peppermint Pie
- B6BED5
≈ Peri Wink
- D2B6BE
≈ Delightful
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.84:1 · APCA Lc 35
Ag
AAAAuf Schwarz
WCAG 11.35:1 · APCA Lc 68
Beste Textfarbe: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Code-Snippets
CSS
:root {
--jungle-khaki: #c7bea7;
--jungle-khaki-rgb: 199 190 167;
--jungle-khaki-oklch: oklch(0.803 0.033 89.2);
}
.element {
color: var(--jungle-khaki);
background-color: hsl(43 22% 72%);
border-color: oklch(0.803 0.033 89.2);
}Tailwind CSS v4
@theme {
--color-jungle-khaki: #c7bea7;
--color-jungle-khaki-50: #f8f5eb;
--color-jungle-khaki-100: #ece8dc;
--color-jungle-khaki-200: #d9d4c5;
--color-jungle-khaki-300: #bdb7a5;
--color-jungle-khaki-400: #a69e89;
--color-jungle-khaki-500: #8f856e;
--color-jungle-khaki-600: #79715d;
--color-jungle-khaki-700: #615a4a;
--color-jungle-khaki-800: #474235;
--color-jungle-khaki-900: #312d24;
--color-jungle-khaki-950: #1d1a13;
}SCSS
$jungle-khaki: #c7bea7;
$jungle-khaki-rgb: 199, 190, 167;
$jungle-khaki-light: mix(#fff, $jungle-khaki, 20%);
$jungle-khaki-dark: mix(#000, $jungle-khaki, 20%);
.element {
color: $jungle-khaki;
box-shadow: 0 0 0 2px rgba($jungle-khaki, 0.35);
}