Cor nomeada · #CDC4AE
Cargo Pants
Cargo Pants é #CDC4AE: rgb(205 196 174), hsl(43 24% 74%), oklch(0.822 0.032 88.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cargo Pants color name →
#CDC4AE
oklch(0.822 0.032 88.4)
Conversões de cor
- HEX
- #cdc4ae
- RGB
- rgb(205 196 174)
- HSL
- hsl(43 24% 74%)
- HWB
- hwb(43 68% 20%)
- OKLCH
- oklch(0.822 0.032 88.4)
- OKLab
- oklab(0.822 0.001 0.032)
- CIE Lab
- lab(79.46 0.53 12.28)
- LCH
- lch(79.46 12.29 87.6)
- CMYK
- cmyk(0% 4% 15% 20%)
Tons claros · Sombras · Tons
Tons claros
- D2CAB6
- D7D0BE
- DCD5C6
- E1DBCE
- E6E1D6
- EBE7DE
- F0EDE6
- F5F3EE
- FAF9F7
Sombras
- B2AA97
- 989180
- 7E786A
- 666155
- 4E4A41
- 38352E
- 23211C
- 0F0E0B
- 020201
Tons
- C5BDA9
- BDB6A5
- B5AFA0
- ADA89B
- A6A197
- 9E9B92
- 96948E
- 8F8D89
- 878785
Harmonias de cor
Complementar +180°
- CDC4AE
Cargo Pants
- BCC4DA
≈ Agapanthus
Análoga -30° +30°
- CDC4AE
Cargo Pants
- D5C0B1
≈ Elusive Dawn
- C2C8B1
≈ Cushion Bush
Tríade +120° +240°
- CDC4AE
Cargo Pants
- AECBCF
≈ Floating Blue
- D1BECF
≈ Tamed Beauty
Complementar dividida +150° +210°
- CDC4AE
Cargo Pants
- B3C8D7
≈ Blissful Blue
- C7C1D7
≈ Pale Violet
Tétrade +90° +180° +270°
- CDC4AE
Cargo Pants
- B0CCC5
≈ Light Teal
- BCC4DA
≈ Agapanthus
- D7BDC4
≈ Frosted Sugar
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.73:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 12.10:1 · APCA Lc 71
Melhor cor de texto: #000000
WCAG 12.10:1 (AAA) · APCA Lc 71
Contrast pairs
Trechos de código
CSS
:root {
--cargo-pants: #cdc4ae;
--cargo-pants-rgb: 205 196 174;
--cargo-pants-oklch: oklch(0.822 0.032 88.4);
}
.element {
color: var(--cargo-pants);
background-color: hsl(43 24% 74%);
border-color: oklch(0.822 0.032 88.4);
}Tailwind CSS v4
@theme {
--color-cargo-pants: #cdc4ae;
--color-cargo-pants-50: #f8f5eb;
--color-cargo-pants-100: #ece8dc;
--color-cargo-pants-200: #d9d4c5;
--color-cargo-pants-300: #bdb7a6;
--color-cargo-pants-400: #a69e8a;
--color-cargo-pants-500: #8f856f;
--color-cargo-pants-600: #79715e;
--color-cargo-pants-700: #615a4b;
--color-cargo-pants-800: #474236;
--color-cargo-pants-900: #312d25;
--color-cargo-pants-950: #1d1a14;
}SCSS
$cargo-pants: #cdc4ae;
$cargo-pants-rgb: 205, 196, 174;
$cargo-pants-light: mix(#fff, $cargo-pants, 20%);
$cargo-pants-dark: mix(#000, $cargo-pants, 20%);
.element {
color: $cargo-pants;
box-shadow: 0 0 0 2px rgba($cargo-pants, 0.35);
}