色名 · #D6D2CE
Santo
Santoは#D6D2CE：rgb(214 210 206)、hsl(30 9% 82%)、oklch(0.866 0.007 67.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Santo color name →
#D6D2CE
oklch(0.866 0.007 67.7)
カラー変換
- HEX
- #d6d2ce
- RGB
- rgb(214 210 206)
- HSL
- hsl(30 9% 82%)
- HWB
- hwb(30 81% 16%)
- OKLCH
- oklch(0.866 0.007 67.7)
- OKLab
- oklab(0.866 0.003 0.007)
- CIE Lab
- lab(84.43 0.89 2.5)
- LCH
- lch(84.43 2.65 70.3)
- CMYK
- cmyk(0% 2% 4% 16%)
ティント · シェード · トーン
ティント
- DAD6D3
- DEDBD8
- E2DFDC
- E6E4E1
- EAE8E6
- EEEDEB
- F3F1F0
- F7F6F5
- FBFAFA
シェード
- BAB6B3
- 9E9B98
- 84817F
- 6A6866
- 52504E
- 3B3938
- 252423
- 10100F
- 020202
トーン
- CDC9C6
- C4C1BE
- BBB9B6
- B3B0AE
- AAA8A6
- A1A09E
- 999897
- 91908F
- 888887
カラーハーモニー
補色 +180°
- D6D2CE
Santo
- CFD3D7
≈ Shiny Nickel
類似色 -30° +30°
- D6D2CE
Santo
- D7D1CF
≈ Pygmy Goat
- D4D3CE
≈ Seashell Grey
トライアド +120° +240°
- D6D2CE
Santo
- CED4D4
≈ Tsunami Sky
- D4D2D6
≈ Etude Lilac
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.50:1 · APCA Lc 24
Ag
AAA黒の上
WCAG 13.96:1 · APCA Lc 80
最適な文字色: #000000
WCAG 13.96:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--santo: #d6d2ce;
--santo-rgb: 214 210 206;
--santo-oklch: oklch(0.866 0.007 67.7);
}
.element {
color: var(--santo);
background-color: hsl(30 9% 82%);
border-color: oklch(0.866 0.007 67.7);
}Tailwind CSS v4
@theme {
--color-santo: #d6d2ce;
--color-santo-50: #f6f5f3;
--color-santo-100: #e9e7e5;
--color-santo-200: #d6d4d1;
--color-santo-300: #bab7b4;
--color-santo-400: #a19e9a;
--color-santo-500: #898581;
--color-santo-600: #74716d;
--color-santo-700: #5d5a57;
--color-santo-800: #444240;
--color-santo-900: #2f2d2c;
--color-santo-950: #1c1a19;
}SCSS
$santo: #d6d2ce;
$santo-rgb: 214, 210, 206;
$santo-light: mix(#fff, $santo, 20%);
$santo-dark: mix(#000, $santo, 20%);
.element {
color: $santo;
box-shadow: 0 0 0 2px rgba($santo, 0.35);
}