色名 · #CDC5C2
Silver Cross
Silver Crossは#CDC5C2：rgb(205 197 194)、hsl(16 10% 78%)、oklch(0.829 0.01 41.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Silver Cross color name →
#CDC5C2
oklch(0.829 0.01 41.9)
カラー変換
- HEX
- #cdc5c2
- RGB
- rgb(205 197 194)
- HSL
- hsl(16 10% 78%)
- HWB
- hwb(16 76% 20%)
- OKLCH
- oklch(0.829 0.01 41.9)
- OKLab
- oklab(0.829 0.007 0.007)
- CIE Lab
- lab(80.11 2.49 2.55)
- LCH
- lch(80.11 3.57 45.7)
- CMYK
- cmyk(0% 4% 5% 20%)
ティント · シェード · トーン
ティント
- D2CBC8
- D7D0CE
- DCD6D4
- E1DCDA
- E6E2E0
- EBE7E6
- F0EDEC
- F5F3F3
- FAF9F9
シェード
- B2ABA8
- 98928F
- 7E7977
- 666160
- 4E4B49
- 383534
- 232120
- 0F0E0E
- 020202
トーン
- C5BEBB
- BDB7B4
- B5B0AE
- ADA9A7
- A6A2A0
- 9E9B9A
- 969493
- 8F8D8D
- 878786
カラーハーモニー
補色 +180°
- CDC5C2
Silver Cross
- C0C9CC
≈ Bay of Hope
類似色 -30° +30°
- CDC5C2
Silver Cross
- CDC4C5
≈ Dangerous Robot
- CBC6C0
≈ Early Evening
トライアド +120° +240°
- CDC5C2
Silver Cross
- C2C9C5
≈ Frosted Silver
- C6C6CD
≈ Hazy Mauve
スプリットコンプリメンタリー +150° +210°
- CDC5C2
Silver Cross
- C0C9C8
≈ China Light Green
- C2C8CD
≈ Bay of Hope
テトラード +90° +180° +270°
- CDC5C2
Silver Cross
- C5C8C2
≈ Antimony
- C0C9CC
≈ Bay of Hope
- C9C5CC
≈ Hazy Mauve
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.69:1 · APCA Lc 30
Ag
AAA黒の上
WCAG 12.36:1 · APCA Lc 72
最適な文字色: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--silver-cross: #cdc5c2;
--silver-cross-rgb: 205 197 194;
--silver-cross-oklch: oklch(0.829 0.01 41.9);
}
.element {
color: var(--silver-cross);
background-color: hsl(16 10% 78%);
border-color: oklch(0.829 0.01 41.9);
}Tailwind CSS v4
@theme {
--color-silver-cross: #cdc5c2;
--color-silver-cross-50: #f8f4f3;
--color-silver-cross-100: #ebe7e5;
--color-silver-cross-200: #d8d3d1;
--color-silver-cross-300: #bcb6b3;
--color-silver-cross-400: #a49d9a;
--color-silver-cross-500: #8c8481;
--color-silver-cross-600: #77706d;
--color-silver-cross-700: #5f5957;
--color-silver-cross-800: #464140;
--color-silver-cross-900: #302d2c;
--color-silver-cross-950: #1c1a19;
}SCSS
$silver-cross: #cdc5c2;
$silver-cross-rgb: 205, 197, 194;
$silver-cross-light: mix(#fff, $silver-cross, 20%);
$silver-cross-dark: mix(#000, $silver-cross, 20%);
.element {
color: $silver-cross;
box-shadow: 0 0 0 2px rgba($silver-cross, 0.35);
}