色名 · #CDD5D5
Zumthor
Zumthorは#CDD5D5：rgb(205 213 213)、hsl(180 9% 82%)、oklch(0.867 0.009 197)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Zumthor color name →
#CDD5D5
oklch(0.867 0.009 197)
カラー変換
- HEX
- #cdd5d5
- RGB
- rgb(205 213 213)
- HSL
- hsl(180 9% 82%)
- HWB
- hwb(180 80% 16%)
- OKLCH
- oklch(0.867 0.009 197)
- OKLab
- oklab(0.867 -0.008 -0.003)
- CIE Lab
- lab(84.65 -2.81 -0.99)
- LCH
- lch(84.65 2.98 199.5)
- CMYK
- cmyk(4% 0% 0% 16%)
ティント · シェード · トーン
ティント
- D2D9D9
- D7DDDD
- DCE1E1
- E1E6E6
- E6EAEA
- EBEEEE
- F0F2F2
- F5F6F6
- FAFBFB
シェード
- B2B9B9
- 989E9E
- 7E8383
- 666A6A
- 4E5151
- 383A3A
- 232424
- 0F1010
- 020202
トーン
- C5CCCC
- BDC3C3
- B5BBBB
- ADB2B2
- A6AAAA
- 9EA1A1
- 969999
- 8F9090
- 878888
カラーハーモニー
補色 +180°
- CDD5D5
Zumthor
- D9D1D1
≈ Mauve Morning
類似色 -30° +30°
- CDD5D5
Zumthor
- CED5D2
≈ Pacific Mist
- CED4D8
≈ Veiled Spotlight
トライアド +120° +240°
- CDD5D5
Zumthor
- D5D1D7
≈ Etude Lilac
- D6D3CD
≈ Slow Perch
スプリットコンプリメンタリー +150° +210°
- CDD5D5
Zumthor
- D8D1D4
≈ Beluga Song
- D8D2CE
≈ Smoked Oyster
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.49:1 · APCA Lc 23
Ag
AAA黒の上
WCAG 14.07:1 · APCA Lc 80
最適な文字色: #000000
WCAG 14.07:1 (AAA) · APCA Lc 80
Contrast pairs
コードスニペット
CSS
:root {
--zumthor: #cdd5d5;
--zumthor-rgb: 205 213 213;
--zumthor-oklch: oklch(0.867 0.009 197);
}
.element {
color: var(--zumthor);
background-color: hsl(180 9% 82%);
border-color: oklch(0.867 0.009 197);
}Tailwind CSS v4
@theme {
--color-zumthor: #cdd5d5;
--color-zumthor-50: #f2f6f6;
--color-zumthor-100: #e5e9e9;
--color-zumthor-200: #d0d5d5;
--color-zumthor-300: #b2b9b9;
--color-zumthor-400: #99a0a0;
--color-zumthor-500: #808888;
--color-zumthor-600: #6c7373;
--color-zumthor-700: #575c5c;
--color-zumthor-800: #3f4343;
--color-zumthor-900: #2b2e2e;
--color-zumthor-950: #191b1b;
}SCSS
$zumthor: #cdd5d5;
$zumthor-rgb: 205, 213, 213;
$zumthor-light: mix(#fff, $zumthor, 20%);
$zumthor-dark: mix(#000, $zumthor, 20%);
.element {
color: $zumthor;
box-shadow: 0 0 0 2px rgba($zumthor, 0.35);
}