色名 · #CCD0DD
Multnomah Falls
Multnomah Fallsは#CCD0DD：rgb(204 208 221)、hsl(226 20% 83%)、oklch(0.858 0.018 272.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Multnomah Falls color name →
#CCD0DD
oklch(0.858 0.018 272.3)
カラー変換
- HEX
- #ccd0dd
- RGB
- rgb(204 208 221)
- HSL
- hsl(226 20% 83%)
- HWB
- hwb(226 80% 13%)
- OKLCH
- oklch(0.858 0.018 272.3)
- OKLab
- oklab(0.858 0.001 -0.018)
- CIE Lab
- lab(83.46 0.43 -6.95)
- LCH
- lch(83.46 6.97 273.6)
- CMYK
- cmyk(8% 6% 0% 13%)
ティント · シェード · トーン
ティント
- D1D5E0
- D6D9E4
- DBDEE7
- E0E3EB
- E5E7EE
- EAECF1
- EFF1F5
- F5F5F8
- FAFAFC
シェード
- B1B5C0
- 979AA4
- 7E8088
- 65676E
- 4E4F55
- 37393D
- 222326
- 0F1011
- 020202
トーン
- C4C8D3
- BCBFCA
- B5B7C0
- ADAFB7
- A5A7AD
- 9E9FA4
- 96979B
- 8F8F92
- 878889
カラーハーモニー
補色 +180°
- CCD0DD
Multnomah Falls
- D5D0C3
≈ Clay Beige
類似色 -30° +30°
- CCD0DD
Multnomah Falls
- C6D2DC
≈ Light Stargate
- D2CEDB
≈ Lavender Sparkle
トライアド +120° +240°
- CCD0DD
Multnomah Falls
- DCCCC9
≈ Delirious Donkey
- C8D4CB
≈ Touch of Spring
スプリットコンプリメンタリー +150° +210°
- CCD0DD
Multnomah Falls
- DACEC4
≈ Romantic White
- CED3C5
≈ Horizon Island
テトラード +90° +180° +270°
- CCD0DD
Multnomah Falls
- DCCCCF
≈ Delirious Donkey
- D5D0C3
≈ Clay Beige
- C4D5D1
≈ Celtic Grey
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.54:1 · APCA Lc 25
Ag
AAA黒の上
WCAG 13.63:1 · APCA Lc 78
最適な文字色: #000000
WCAG 13.63:1 (AAA) · APCA Lc 78
Contrast pairs
コードスニペット
CSS
:root {
--multnomah-falls: #ccd0dd;
--multnomah-falls-rgb: 204 208 221;
--multnomah-falls-oklch: oklch(0.858 0.018 272.3);
}
.element {
color: var(--multnomah-falls);
background-color: hsl(226 20% 83%);
border-color: oklch(0.858 0.018 272.3);
}Tailwind CSS v4
@theme {
--color-multnomah-falls: #ccd0dd;
--color-multnomah-falls-50: #f3f5fb;
--color-multnomah-falls-100: #e6e7ee;
--color-multnomah-falls-200: #d2d4dc;
--color-multnomah-falls-300: #b4b7c1;
--color-multnomah-falls-400: #9a9eaa;
--color-multnomah-falls-500: #828693;
--color-multnomah-falls-600: #6e717c;
--color-multnomah-falls-700: #585a63;
--color-multnomah-falls-800: #404249;
--color-multnomah-falls-900: #2c2e33;
--color-multnomah-falls-950: #191a1e;
}SCSS
$multnomah-falls: #ccd0dd;
$multnomah-falls-rgb: 204, 208, 221;
$multnomah-falls-light: mix(#fff, $multnomah-falls, 20%);
$multnomah-falls-dark: mix(#000, $multnomah-falls, 20%);
.element {
color: $multnomah-falls;
box-shadow: 0 0 0 2px rgba($multnomah-falls, 0.35);
}