Cor nomeada · #DAD3C8
Ballroom Belle
Ballroom Belle é #DAD3C8: rgb(218 211 200), hsl(37 20% 82%), oklch(0.869 0.017 79.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Ballroom Belle color name →
#DAD3C8
oklch(0.869 0.017 79.3)
Conversões de cor
- HEX
- #dad3c8
- RGB
- rgb(218 211 200)
- HSL
- hsl(37 20% 82%)
- HWB
- hwb(37 78% 15%)
- OKLCH
- oklch(0.869 0.017 79.3)
- OKLab
- oklab(0.869 0.003 0.017)
- CIE Lab
- lab(84.89 1.09 6.37)
- LCH
- lch(84.89 6.46 80.3)
- CMYK
- cmyk(0% 3% 8% 15%)
Tons claros · Sombras · Tons
Tons claros
- DED7CD
- E1DCD3
- E5E0D8
- E9E4DE
- ECE9E3
- F0EDE9
- F4F2EE
- F8F6F4
- FBFBF9
Sombras
- BDB7AE
- A29C94
- 87827B
- 6C6963
- 54514C
- 3C3A36
- 252421
- 11100F
- 020202
Tons
- D1CAC1
- C7C2B9
- BEB9B2
- B5B1AB
- ACA9A3
- A3A09C
- 9A9895
- 91908E
- 898887
Harmonias de cor
Complementar +180°
- DAD3C8
Ballroom Belle
- CED5DF
≈ Ephemeral Blue
Análoga -30° +30°
- DAD3C8
Ballroom Belle
- DED1CB
≈ Light Stone
- D4D5C9
≈ Soft Secret
Tríade +120° +240°
- DAD3C8
Ballroom Belle
- C8D8D8
≈ Offshore Mist
- D9D1DB
≈ Iron Maiden
Complementar dividida +150° +210°
- DAD3C8
Ballroom Belle
- C9D6DD
≈ Heaven Sent Storm
- D3D2DF
≈ Tranquil Sea
Tétrade +90° +180° +270°
- DAD3C8
Ballroom Belle
- CAD8D2
≈ Soft Haze
- CED5DF
≈ Ephemeral Blue
- DDD0D6
≈ Light Bassinet
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.48:1 · APCA Lc 23
Ag
AAASobre preto
WCAG 14.13:1 · APCA Lc 80
Melhor cor de texto: #000000
WCAG 14.13:1 (AAA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--ballroom-belle: #dad3c8;
--ballroom-belle-rgb: 218 211 200;
--ballroom-belle-oklch: oklch(0.869 0.017 79.3);
}
.element {
color: var(--ballroom-belle);
background-color: hsl(37 20% 82%);
border-color: oklch(0.869 0.017 79.3);
}Tailwind CSS v4
@theme {
--color-ballroom-belle: #dad3c8;
--color-ballroom-belle-50: #f8f5f0;
--color-ballroom-belle-100: #ebe7e2;
--color-ballroom-belle-200: #d8d4cc;
--color-ballroom-belle-300: #bcb7ae;
--color-ballroom-belle-400: #a49d94;
--color-ballroom-belle-500: #8c857a;
--color-ballroom-belle-600: #777167;
--color-ballroom-belle-700: #5f5a53;
--color-ballroom-belle-800: #46423c;
--color-ballroom-belle-900: #302d29;
--color-ballroom-belle-950: #1c1a17;
}SCSS
$ballroom-belle: #dad3c8;
$ballroom-belle-rgb: 218, 211, 200;
$ballroom-belle-light: mix(#fff, $ballroom-belle, 20%);
$ballroom-belle-dark: mix(#000, $ballroom-belle, 20%);
.element {
color: $ballroom-belle;
box-shadow: 0 0 0 2px rgba($ballroom-belle, 0.35);
}