Cor nomeada · #CBC0BA
Down-Home
Down-Home é #CBC0BA: rgb(203 192 186), hsl(21 14% 76%), oklch(0.815 0.015 50.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Down-Home color name →
#CBC0BA
oklch(0.815 0.015 50.8)
Conversões de cor
- HEX
- #cbc0ba
- RGB
- rgb(203 192 186)
- HSL
- hsl(21 14% 76%)
- HWB
- hwb(21 73% 20%)
- OKLCH
- oklch(0.815 0.015 50.8)
- OKLab
- oklab(0.815 0.009 0.012)
- CIE Lab
- lab(78.49 3.22 4.49)
- LCH
- lch(78.49 5.53 54.3)
- CMYK
- cmyk(0% 5% 8% 20%)
Tons claros · Sombras · Tons
Tons claros
- D0C6C1
- D5CCC7
- DAD3CE
- E0D9D5
- E5DFDC
- EAE5E3
- EFECEA
- F4F2F1
- FAF9F8
Sombras
- B0A7A1
- 968E89
- 7D7672
- 655F5C
- 4D4946
- 373432
- 22201E
- 0F0E0D
- 020202
Tons
- C3B9B4
- BCB3AE
- B4ACA8
- ACA6A2
- A59F9D
- 9D9997
- 969391
- 8F8C8B
- 878686
Harmonias de cor
Complementar +180°
- CBC0BA
Down-Home
- B9C5CB
≈ Flowing Breeze
Análoga -30° +30°
- CBC0BA
Down-Home
- CCBFBE
≈ Nantucket Mist
- C8C2B8
≈ Heritage Grey
Tríade +120° +240°
- CBC0BA
Down-Home
- BAC6C1
≈ Pewter Tray
- C2C1CC
≈ Pensive
Complementar dividida +150° +210°
- CBC0BA
Down-Home
- B8C6C6
≈ Trade Winds
- BDC3CD
≈ Powder Lilac
Tétrade +90° +180° +270°
- CBC0BA
Down-Home
- BDC5BC
≈ Three Wishes
- B9C5CB
≈ Flowing Breeze
- C7C0C9
≈ Grape Mist
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.78:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.78:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--down-home: #cbc0ba;
--down-home-rgb: 203 192 186;
--down-home-oklch: oklch(0.815 0.015 50.8);
}
.element {
color: var(--down-home);
background-color: hsl(21 14% 76%);
border-color: oklch(0.815 0.015 50.8);
}Tailwind CSS v4
@theme {
--color-down-home: #cbc0ba;
--color-down-home-50: #f9f4f1;
--color-down-home-100: #ece7e3;
--color-down-home-200: #dad3ce;
--color-down-home-300: #beb5b0;
--color-down-home-400: #a69c97;
--color-down-home-500: #8f847d;
--color-down-home-600: #796f6a;
--color-down-home-700: #615955;
--color-down-home-800: #47413e;
--color-down-home-900: #312d2b;
--color-down-home-950: #1d1a18;
}SCSS
$down-home: #cbc0ba;
$down-home-rgb: 203, 192, 186;
$down-home-light: mix(#fff, $down-home, 20%);
$down-home-dark: mix(#000, $down-home, 20%);
.element {
color: $down-home;
box-shadow: 0 0 0 2px rgba($down-home, 0.35);
}