色名 · #D5CEC2
Modern Grey
Modern Greyは#D5CEC2：rgb(213 206 194)、hsl(38 18% 80%)、oklch(0.854 0.018 81.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Modern Grey color name →
#D5CEC2
oklch(0.854 0.018 81.3)
カラー変換
- HEX
- #d5cec2
- RGB
- rgb(213 206 194)
- HSL
- hsl(38 18% 80%)
- HWB
- hwb(38 76% 16%)
- OKLCH
- oklch(0.854 0.018 81.3)
- OKLab
- oklab(0.854 0.003 0.018)
- CIE Lab
- lab(83.08 0.97 6.9)
- LCH
- lch(83.08 6.96 82)
- CMYK
- cmyk(0% 3% 9% 16%)
ティント · シェード · トーン
ティント
- D9D3C8
- DDD8CE
- E1DDD4
- E6E1DA
- EAE6E0
- EEEBE6
- F2F0EC
- F6F5F3
- FBFAF9
シェード
- B9B3A8
- 9E988F
- 837F77
- 6A6660
- 514E49
- 3A3834
- 242320
- 100F0E
- 020202
トーン
- CCC6BB
- C3BEB4
- BBB6AE
- B2AEA7
- AAA6A0
- A19E9A
- 999793
- 908F8D
- 888786
カラーハーモニー
補色 +180°
- D5CEC2
Modern Grey
- C8CFDB
≈ Pale Shale
類似色 -30° +30°
- D5CEC2
Modern Grey
- D9CCC4
≈ Day Dreamer
- CFD0C3
≈ Serena
トライアド +120° +240°
- D5CEC2
Modern Grey
- C2D3D4
≈ Scandinavian Sky
- D5CBD6
≈ Purple Cream
スプリットコンプリメンタリー +150° +210°
- D5CEC2
Modern Grey
- C4D1D9
≈ Tinsel Beam
- CFCDDA
≈ Lavender Sparkle
テトラード +90° +180° +270°
- D5CEC2
Modern Grey
- C4D3CD
≈ Celtic Grey
- C8CFDB
≈ Pale Shale
- D9CAD0
≈ Captivating
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.56:1 · APCA Lc 26
Ag
AAA黒の上
WCAG 13.43:1 · APCA Lc 77
最適な文字色: #000000
WCAG 13.43:1 (AAA) · APCA Lc 77
Contrast pairs
コードスニペット
CSS
:root {
--modern-grey: #d5cec2;
--modern-grey-rgb: 213 206 194;
--modern-grey-oklch: oklch(0.854 0.018 81.3);
}
.element {
color: var(--modern-grey);
background-color: hsl(38 18% 80%);
border-color: oklch(0.854 0.018 81.3);
}Tailwind CSS v4
@theme {
--color-modern-grey: #d5cec2;
--color-modern-grey-50: #f8f5ef;
--color-modern-grey-100: #ebe7e1;
--color-modern-grey-200: #d8d4cc;
--color-modern-grey-300: #bcb7ad;
--color-modern-grey-400: #a49e93;
--color-modern-grey-500: #8c8579;
--color-modern-grey-600: #777166;
--color-modern-grey-700: #5f5a52;
--color-modern-grey-800: #46423b;
--color-modern-grey-900: #302d29;
--color-modern-grey-950: #1d1a17;
}SCSS
$modern-grey: #d5cec2;
$modern-grey-rgb: 213, 206, 194;
$modern-grey-light: mix(#fff, $modern-grey, 20%);
$modern-grey-dark: mix(#000, $modern-grey, 20%);
.element {
color: $modern-grey;
box-shadow: 0 0 0 2px rgba($modern-grey, 0.35);
}