Cor nomeada · #C0BBA5
Soft Putty
Soft Putty é #C0BBA5: rgb(192 187 165), hsl(49 18% 70%), oklch(0.79 0.031 96.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Soft Putty color name →
#C0BBA5
oklch(0.79 0.031 96.5)
Conversões de cor
- HEX
- #c0bba5
- RGB
- rgb(192 187 165)
- HSL
- hsl(49 18% 70%)
- HWB
- hwb(49 65% 25%)
- OKLCH
- oklch(0.79 0.031 96.5)
- OKLab
- oklab(0.79 -0.003 0.031)
- CIE Lab
- lab(75.84 -0.97 11.85)
- LCH
- lch(75.84 11.89 94.7)
- CMYK
- cmyk(0% 3% 14% 25%)
Tons claros · Sombras · Tons
Tons claros
- C6C2AE
- CCC8B7
- D3CFBF
- D9D6C8
- DFDDD1
- E5E3DA
- ECEAE3
- F2F1ED
- F9F8F6
Sombras
- A7A28F
- 8E8A79
- 767365
- 5F5C51
- 49463D
- 34322B
- 201F1A
- 0E0D0A
- 020201
Tons
- B9B5A1
- B3AF9E
- ACA99A
- A6A396
- 9F9D92
- 99978F
- 93918B
- 8C8B87
- 868684
Harmonias de cor
Complementar +180°
- C0BBA5
Soft Putty
- B5B9CF
≈ Winter Dusk
Análoga -30° +30°
- C0BBA5
Soft Putty
- C9B7A6
≈ Dust Bunny
- B5BFAA
≈ Wedding Mint
Tríade +120° +240°
- C0BBA5
Soft Putty
- A5C0C7
≈ A-List Blue
- C8B3C2
≈ Runic Mauve
Complementar dividida +150° +210°
- C0BBA5
Soft Putty
- ABBDCE
≈ Rendez-Blue
- BFB6CB
≈ Decency
Tétrade +90° +180° +270°
- C0BBA5
Soft Putty
- A5C1BE
≈ Swan Sea
- B5B9CF
≈ Winter Dusk
- CDB3B7
≈ Izmir Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASobre preto
WCAG 10.89:1 · APCA Lc 66
Melhor cor de texto: #000000
WCAG 10.89:1 (AAA) · APCA Lc 66
Contrast pairs
Trechos de código
CSS
:root {
--soft-putty: #c0bba5;
--soft-putty-rgb: 192 187 165;
--soft-putty-oklch: oklch(0.79 0.031 96.5);
}
.element {
color: var(--soft-putty);
background-color: hsl(49 18% 70%);
border-color: oklch(0.79 0.031 96.5);
}Tailwind CSS v4
@theme {
--color-soft-putty: #c0bba5;
--color-soft-putty-50: #f7f5ec;
--color-soft-putty-100: #eae8dd;
--color-soft-putty-200: #d7d5c6;
--color-soft-putty-300: #bbb8a6;
--color-soft-putty-400: #a39f8a;
--color-soft-putty-500: #8c8770;
--color-soft-putty-600: #76725f;
--color-soft-putty-700: #5f5b4b;
--color-soft-putty-800: #464236;
--color-soft-putty-900: #302e25;
--color-soft-putty-950: #1c1b14;
}SCSS
$soft-putty: #c0bba5;
$soft-putty-rgb: 192, 187, 165;
$soft-putty-light: mix(#fff, $soft-putty, 20%);
$soft-putty-dark: mix(#000, $soft-putty, 20%);
.element {
color: $soft-putty;
box-shadow: 0 0 0 2px rgba($soft-putty, 0.35);
}