Colore con nome · #C7BEA7
Jungle Khaki
Jungle Khaki è #C7BEA7: rgb(199 190 167), hsl(43 22% 72%), oklch(0.803 0.033 89.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Jungle Khaki color name →
#C7BEA7
oklch(0.803 0.033 89.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- CCC4B0
- D2CBB8
- D8D1C1
- DDD8CA
- E3DED2
- E8E5DB
- EEEBE4
- F4F2ED
- F9F8F6
Ombre
- ADA591
- 938C7B
- 7A7566
- 625E52
- 4C483E
- 36332C
- 211F1A
- 0E0D0A
- 020201
Toni
- C0B8A3
- B8B19F
- B1AB9B
- AAA597
- A39E93
- 9C9890
- 95928C
- 8E8C88
- 878684
Armonie di colore
Complementare +180°
- C7BEA7
Jungle Khaki
- B6BED5
≈ Peri Wink
Analogo -30° +30°
- C7BEA7
Jungle Khaki
- CFBAAA
≈ Smoke Grey
- BCC2AA
≈ Healing Retreat
Triadico +120° +240°
- C7BEA7
Jungle Khaki
- A7C5CA
≈ Skyward
- CBB7C9
≈ Ballad
Complementare divisa +150° +210°
- C7BEA7
Jungle Khaki
- ACC2D2
≈ Ruffled Feathers
- C1BAD1
≈ Fog Syringa
Tetradico +90° +180° +270°
- C7BEA7
Jungle Khaki
- A9C6BF
≈ Peppermint Pie
- B6BED5
≈ Peri Wink
- D2B6BE
≈ Delightful
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.35:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
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);
}