Cor nomeada · #C0B7CF
Savile Row
Savile Row é #C0B7CF: rgb(192 183 207), hsl(263 20% 76%), oklch(0.794 0.035 302.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Savile Row color name →
#C0B7CF
oklch(0.794 0.035 302.6)
Conversões de cor
- HEX
- #c0b7cf
- RGB
- rgb(192 183 207)
- HSL
- hsl(263 20% 76%)
- HWB
- hwb(263 72% 19%)
- OKLCH
- oklch(0.794 0.035 302.6)
- OKLab
- oklab(0.794 0.019 -0.029)
- CIE Lab
- lab(75.73 6.68 -10.96)
- LCH
- lch(75.73 12.83 301.4)
- CMYK
- cmyk(7% 12% 0% 19%)
Tons claros · Sombras · Tons
Tons claros
- C6BED4
- CCC5D9
- D3CCDD
- D9D3E2
- DFDBE7
- E5E2EC
- ECE9F1
- F2F0F5
- F9F8FA
Sombras
- A79FB4
- 8E8799
- 76707F
- 5F5A67
- 49454F
- 343138
- 201E23
- 0E0C10
- 020202
Tons
- B9B1C7
- B3ACBF
- ACA6B7
- A6A1AF
- 9F9BA7
- 99969F
- 939097
- 8C8B8F
- 868588
Harmonias de cor
Complementar +180°
- C0B7CF
Savile Row
- B8C0A8
≈ Desolace Dew
Análoga -30° +30°
- C0B7CF
Savile Row
- B4BBD3
≈ Cold Winter’s Morn
- CAB4C6
≈ Cool Quiet
Tríade +120° +240°
- C0B7CF
Savile Row
- CDB8A6
≈ Panko
- A4C4BE
≈ New-Age Green
Complementar dividida +150° +210°
- C0B7CF
Savile Row
- C4BCA3
≈ Winding Path
- ACC3B1
≈ Kind Green
Tétrade +90° +180° +270°
- C0B7CF
Savile Row
- D1B4AE
≈ Oyster Pink
- B8C0A8
≈ Desolace Dew
- A3C2C9
≈ Skyward
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASobre preto
WCAG 10.91:1 · APCA Lc 66
Melhor cor de texto: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
Trechos de código
CSS
:root {
--savile-row: #c0b7cf;
--savile-row-rgb: 192 183 207;
--savile-row-oklch: oklch(0.794 0.035 302.6);
}
.element {
color: var(--savile-row);
background-color: hsl(263 20% 76%);
border-color: oklch(0.794 0.035 302.6);
}Tailwind CSS v4
@theme {
--color-savile-row: #c0b7cf;
--color-savile-row-50: #f7f3fd;
--color-savile-row-100: #eae5f2;
--color-savile-row-200: #d7d1e1;
--color-savile-row-300: #bbb3c6;
--color-savile-row-400: #a29ab0;
--color-savile-row-500: #8a819a;
--color-savile-row-600: #756d82;
--color-savile-row-700: #5e5768;
--color-savile-row-800: #44404d;
--color-savile-row-900: #2f2c35;
--color-savile-row-950: #1c1921;
}SCSS
$savile-row: #c0b7cf;
$savile-row-rgb: 192, 183, 207;
$savile-row-light: mix(#fff, $savile-row, 20%);
$savile-row-dark: mix(#000, $savile-row, 20%);
.element {
color: $savile-row;
box-shadow: 0 0 0 2px rgba($savile-row, 0.35);
}