Cor nomeada · #BDAEB7
Castle Mist
Castle Mist é #BDAEB7: rgb(189 174 183), hsl(324 10% 71%), oklch(0.766 0.021 340.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Castle Mist color name →
#BDAEB7
oklch(0.766 0.021 340.8)
Conversões de cor
- HEX
- #bdaeb7
- RGB
- rgb(189 174 183)
- HSL
- hsl(324 10% 71%)
- HWB
- hwb(324 68% 26%)
- OKLCH
- oklch(0.766 0.021 340.8)
- OKLab
- oklab(0.766 0.02 -0.007)
- CIE Lab
- lab(72.59 6.76 -2.57)
- LCH
- lch(72.59 7.23 339.2)
- CMYK
- cmyk(0% 8% 3% 26%)
Tons claros · Sombras · Tons
Tons claros
- C3B6BE
- CABEC5
- D0C6CC
- D7CED3
- DED6DA
- E4DEE2
- EBE6E9
- F2EEF0
- F8F7F8
Sombras
- A4979F
- 8C8087
- 746A70
- 5D555A
- 474145
- 332E31
- 1F1C1E
- 0D0B0C
- 020102
Tons
- B7A9B1
- B1A5AC
- AAA0A6
- A49BA1
- 9E979B
- 989296
- 928E90
- 8C898B
- 868485
Harmonias de cor
Complementar +180°
- BDAEB7
Castle Mist
- A8B7AF
≈ Sigh of Relief
Análoga -30° +30°
- BDAEB7
Castle Mist
- B7AFBD
≈ Virtuous Violet
- C0AEB0
≈ Black Shadows
Tríade +120° +240°
- BDAEB7
Castle Mist
- B6B4A5
≈ Digital Garage
- A5B6BD
≈ Languid Blue
Complementar dividida +150° +210°
- BDAEB7
Castle Mist
- AEB6A8
≈ Graceful Green
- A5B8B6
≈ Gin Berry
Tétrade +90° +180° +270°
- BDAEB7
Castle Mist
- BCB1A5
≈ Drake Tooth
- A8B7AF
≈ Sigh of Relief
- A9B4C0
≈ Bluebeard
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.12:1 · APCA Lc 42
Ag
AAASobre preto
WCAG 9.90:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
CSS
:root {
--castle-mist: #bdaeb7;
--castle-mist-rgb: 189 174 183;
--castle-mist-oklch: oklch(0.766 0.021 340.8);
}
.element {
color: var(--castle-mist);
background-color: hsl(324 10% 71%);
border-color: oklch(0.766 0.021 340.8);
}Tailwind CSS v4
@theme {
--color-castle-mist: #bdaeb7;
--color-castle-mist-50: #faf3f7;
--color-castle-mist-100: #ede5ea;
--color-castle-mist-200: #dbd1d7;
--color-castle-mist-300: #c0b3ba;
--color-castle-mist-400: #a89aa2;
--color-castle-mist-500: #91818a;
--color-castle-mist-600: #7a6d75;
--color-castle-mist-700: #62575e;
--color-castle-mist-800: #484045;
--color-castle-mist-900: #322c30;
--color-castle-mist-950: #1e191c;
}SCSS
$castle-mist: #bdaeb7;
$castle-mist-rgb: 189, 174, 183;
$castle-mist-light: mix(#fff, $castle-mist, 20%);
$castle-mist-dark: mix(#000, $castle-mist, 20%);
.element {
color: $castle-mist;
box-shadow: 0 0 0 2px rgba($castle-mist, 0.35);
}