色名 · #C8C8D2
Hyacinth Ice
Hyacinth Iceは#C8C8D2：rgb(200 200 210)、hsl(240 10% 80%)、oklch(0.836 0.014 286.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Hyacinth Ice color name →
#C8C8D2
oklch(0.836 0.014 286.1)
カラー変換
- HEX
- #c8c8d2
- RGB
- rgb(200 200 210)
- HSL
- hsl(240 10% 80%)
- HWB
- hwb(240 78% 18%)
- OKLCH
- oklch(0.836 0.014 286.1)
- OKLab
- oklab(0.836 0.004 -0.013)
- CIE Lab
- lab(80.83 1.4 -5)
- LCH
- lch(80.83 5.19 285.6)
- CMYK
- cmyk(5% 5% 0% 18%)
ティント · シェード · トーン
ティント
- CDCDD6
- D3D3DB
- D8D8DF
- DEDEE4
- E3E3E8
- E9E9ED
- EEEEF1
- F4F4F6
- F9F9FA
シェード
- AEAEB6
- 94949B
- 7B7B81
- 636368
- 4C4C50
- 363639
- 212124
- 0F0F10
- 020202
トーン
- C1C1C9
- B9B9C1
- B2B2B9
- AAABB0
- A3A3A8
- 9C9CA0
- 959598
- 8E8E90
- 878788
カラーハーモニー
補色 +180°
- C8C8D2
Hyacinth Ice
- CACAC0
≈ Passing Shadow
類似色 -30° +30°
- C8C8D2
Hyacinth Ice
- C3CAD2
≈ Light Spirit
- CDC7CF
≈ Chrome Chalice
トライアド +120° +240°
- C8C8D2
Hyacinth Ice
- D1C7C2
≈ Bleached Bare
- C1CCC7
≈ Knightsbridge Mist
スプリットコンプリメンタリー +150° +210°
- C8C8D2
Hyacinth Ice
- CEC8BF
≈ Vessel
- C5CBC3
≈ Moss Ink
テトラード +90° +180° +270°
- C8C8D2
Hyacinth Ice
- D2C6C6
≈ Aurora Grey
- CACAC0
≈ Passing Shadow
- BFCCCC
≈ Ice Flow
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.66:1 · APCA Lc 29
Ag
AAA黒の上
WCAG 12.64:1 · APCA Lc 74
最適な文字色: #000000
WCAG 12.64:1 (AAA) · APCA Lc 74
Contrast pairs
コードスニペット
CSS
:root {
--hyacinth-ice: #c8c8d2;
--hyacinth-ice-rgb: 200 200 210;
--hyacinth-ice-oklch: oklch(0.836 0.014 286.1);
}
.element {
color: var(--hyacinth-ice);
background-color: hsl(240 10% 80%);
border-color: oklch(0.836 0.014 286.1);
}Tailwind CSS v4
@theme {
--color-hyacinth-ice: #c8c8d2;
--color-hyacinth-ice-50: #f5f4f9;
--color-hyacinth-ice-100: #e7e7ec;
--color-hyacinth-ice-200: #d4d3da;
--color-hyacinth-ice-300: #b7b6be;
--color-hyacinth-ice-400: #9d9da6;
--color-hyacinth-ice-500: #85858f;
--color-hyacinth-ice-600: #717179;
--color-hyacinth-ice-700: #5a5a61;
--color-hyacinth-ice-800: #424247;
--color-hyacinth-ice-900: #2d2d31;
--color-hyacinth-ice-950: #1a1a1d;
}SCSS
$hyacinth-ice: #c8c8d2;
$hyacinth-ice-rgb: 200, 200, 210;
$hyacinth-ice-light: mix(#fff, $hyacinth-ice, 20%);
$hyacinth-ice-dark: mix(#000, $hyacinth-ice, 20%);
.element {
color: $hyacinth-ice;
box-shadow: 0 0 0 2px rgba($hyacinth-ice, 0.35);
}