Cor nomeada · #C0CABC
Desert Panzer
Desert Panzer é #C0CABC: rgb(192 202 188), hsl(103 12% 76%), oklch(0.827 0.022 136.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Desert Panzer color name →
#C0CABC
oklch(0.827 0.022 136.6)
Conversões de cor
- HEX
- #c0cabc
- RGB
- rgb(192 202 188)
- HSL
- hsl(103 12% 76%)
- HWB
- hwb(103 74% 21%)
- OKLCH
- oklch(0.827 0.022 136.6)
- OKLab
- oklab(0.827 -0.016 0.015)
- CIE Lab
- lab(80.25 -5.47 5.77)
- LCH
- lch(80.25 7.95 133.4)
- CMYK
- cmyk(5% 0% 7% 21%)
Tons claros · Sombras · Tons
Tons claros
- C6CFC3
- CCD4C9
- D3DAD0
- D9DFD6
- DFE4DD
- E5EAE4
- ECEFEB
- F2F4F1
- F9FAF8
Sombras
- A7AFA3
- 8E958B
- 767C73
- 5F645D
- 494D47
- 343732
- 20221F
- 0E0F0D
- 020202
Tons
- B9C2B6
- B3BBB0
- ACB3AA
- A6ACA4
- 9FA49E
- 999D98
- 939692
- 8C8E8C
- 868786
Harmonias de cor
Complementar +180°
- C0CABC
Desert Panzer
- CCC2D0
≈ Powder Viola
Análoga -30° +30°
- C0CABC
Desert Panzer
- C8C8B7
≈ Palatine
- BACBC3
≈ Blue Shamrock
Tríade +120° +240°
- C0CABC
Desert Panzer
- BDC7D5
≈ Northern Exposure
- D5C1C1
≈ French Taupe
Complementar dividida +150° +210°
- C0CABC
Desert Panzer
- C5C5D5
≈ Kiri Mist
- D2C1C9
≈ Bassinet
Tétrade +90° +180° +270°
- C0CABC
Desert Panzer
- B8CAD2
≈ Happy-Go-Lucky
- CCC2D0
≈ Powder Viola
- D3C2BB
≈ Josephine
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.41:1 · APCA Lc 73
Melhor cor de texto: #000000
WCAG 12.41:1 (AAA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--desert-panzer: #c0cabc;
--desert-panzer-rgb: 192 202 188;
--desert-panzer-oklch: oklch(0.827 0.022 136.6);
}
.element {
color: var(--desert-panzer);
background-color: hsl(103 12% 76%);
border-color: oklch(0.827 0.022 136.6);
}Tailwind CSS v4
@theme {
--color-desert-panzer: #c0cabc;
--color-desert-panzer-50: #f2f7f1;
--color-desert-panzer-100: #e4eae3;
--color-desert-panzer-200: #d0d7ce;
--color-desert-panzer-300: #b2baaf;
--color-desert-panzer-400: #99a295;
--color-desert-panzer-500: #808a7b;
--color-desert-panzer-600: #6c7569;
--color-desert-panzer-700: #565d54;
--color-desert-panzer-800: #3f443d;
--color-desert-panzer-900: #2b2f2a;
--color-desert-panzer-950: #191c17;
}SCSS
$desert-panzer: #c0cabc;
$desert-panzer-rgb: 192, 202, 188;
$desert-panzer-light: mix(#fff, $desert-panzer, 20%);
$desert-panzer-dark: mix(#000, $desert-panzer, 20%);
.element {
color: $desert-panzer;
box-shadow: 0 0 0 2px rgba($desert-panzer, 0.35);
}