色名 · #BDAEB7
Castle Mist
Castle Mistは#BDAEB7：rgb(189 174 183)、hsl(324 10% 71%)、oklch(0.766 0.021 340.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Castle Mist color name →
#BDAEB7
oklch(0.766 0.021 340.8)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- C3B6BE
- CABEC5
- D0C6CC
- D7CED3
- DED6DA
- E4DEE2
- EBE6E9
- F2EEF0
- F8F7F8
シェード
- A4979F
- 8C8087
- 746A70
- 5D555A
- 474145
- 332E31
- 1F1C1E
- 0D0B0C
- 020102
トーン
- B7A9B1
- B1A5AC
- AAA0A6
- A49BA1
- 9E979B
- 989296
- 928E90
- 8C898B
- 868485
カラーハーモニー
補色 +180°
- BDAEB7
Castle Mist
- A8B7AF
≈ Sigh of Relief
類似色 -30° +30°
- BDAEB7
Castle Mist
- B7AFBD
≈ Virtuous Violet
- C0AEB0
≈ Black Shadows
トライアド +120° +240°
- BDAEB7
Castle Mist
- B6B4A5
≈ Digital Garage
- A5B6BD
≈ Languid Blue
スプリットコンプリメンタリー +150° +210°
- BDAEB7
Castle Mist
- AEB6A8
≈ Graceful Green
- A5B8B6
≈ Gin Berry
テトラード +90° +180° +270°
- BDAEB7
Castle Mist
- BCB1A5
≈ Drake Tooth
- A8B7AF
≈ Sigh of Relief
- A9B4C0
≈ Bluebeard
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.12:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.90:1 · APCA Lc 61
最適な文字色: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
コードスニペット
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);
}