Warna bernama · #BDAEB7
Castle Mist
Castle Mist adalah #BDAEB7: rgb(189 174 183), hsl(324 10% 71%), oklch(0.766 0.021 340.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Castle Mist color name →
#BDAEB7
oklch(0.766 0.021 340.8)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C3B6BE
- CABEC5
- D0C6CC
- D7CED3
- DED6DA
- E4DEE2
- EBE6E9
- F2EEF0
- F8F7F8
Shade
- A4979F
- 8C8087
- 746A70
- 5D555A
- 474145
- 332E31
- 1F1C1E
- 0D0B0C
- 020102
Tone
- B7A9B1
- B1A5AC
- AAA0A6
- A49BA1
- 9E979B
- 989296
- 928E90
- 8C898B
- 868485
Harmoni warna
Komplementer +180°
- BDAEB7
Castle Mist
- A8B7AF
≈ Sigh of Relief
Analog -30° +30°
- BDAEB7
Castle Mist
- B7AFBD
≈ Virtuous Violet
- C0AEB0
≈ Black Shadows
Triadik +120° +240°
- BDAEB7
Castle Mist
- B6B4A5
≈ Digital Garage
- A5B6BD
≈ Languid Blue
Split-komplementer +150° +210°
- BDAEB7
Castle Mist
- AEB6A8
≈ Graceful Green
- A5B8B6
≈ Gin Berry
Tetradik +90° +180° +270°
- BDAEB7
Castle Mist
- BCB1A5
≈ Drake Tooth
- A8B7AF
≈ Sigh of Relief
- A9B4C0
≈ Bluebeard
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.12:1 · APCA Lc 42
Ag
AAADi atas hitam
WCAG 9.90:1 · APCA Lc 61
Warna teks terbaik: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Cuplikan kode
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);
}