色名 · #C8DDEA
Put on Ice
Put on Iceは#C8DDEA：rgb(200 221 234)、hsl(203 45% 85%)、oklch(0.886 0.029 234.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Put on Ice color name →
#C8DDEA
oklch(0.886 0.029 234.9)
カラー変換
- HEX
- #c8ddea
- RGB
- rgb(200 221 234)
- HSL
- hsl(203 45% 85%)
- HWB
- hwb(203 78% 8%)
- OKLCH
- oklch(0.886 0.029 234.9)
- OKLab
- oklab(0.886 -0.017 -0.024)
- CIE Lab
- lab(86.84 -5.29 -8.89)
- LCH
- lch(86.84 10.35 239.2)
- CMYK
- cmyk(15% 6% 0% 8%)
ティント · シェード · トーン
ティント
- CDE0EC
- D3E4EE
- D8E7F0
- DEEBF2
- E3EEF5
- E9F1F7
- EEF5F9
- F4F8FB
- F9FCFD
シェード
- AEC0CB
- 94A4AE
- 7B8891
- 636E75
- 4C555A
- 363D41
- 212629
- 0F1113
- 020203
トーン
- C1D3DF
- B9CAD4
- B2C0C9
- ABB7BE
- A3ADB4
- 9CA4A9
- 959B9F
- 8E9294
- 87898A
カラーハーモニー
補色 +180°
- C8DDEA
Put on Ice
- E9D5C8
≈ Seaside Villa
類似色 -30° +30°
- C8DDEA
Put on Ice
- C4DFE2
≈ Trevi Fountain
- D0DAED
≈ Hawkes Blue
トライアド +120° +240°
- C8DDEA
Put on Ice
- EAD2DA
≈ Distant Flare
- D8DCC7
≈ Silver Laurel
スプリットコンプリメンタリー +150° +210°
- C8DDEA
Put on Ice
- ECD3D0
≈ Shangri La
- E2D8C4
≈ Exclusive Ivory
テトラード +90° +180° +270°
- C8DDEA
Put on Ice
- E4D3E4
≈ Joyful Lilac
- E9D5C8
≈ Seaside Villa
- CEDFCE
≈ St. Augustine
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.40:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 14.98:1 · APCA Lc 84
最適な文字色: #000000
WCAG 14.98:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--put-on-ice: #c8ddea;
--put-on-ice-rgb: 200 221 234;
--put-on-ice-oklch: oklch(0.886 0.029 234.9);
}
.element {
color: var(--put-on-ice);
background-color: hsl(203 45% 85%);
border-color: oklch(0.886 0.029 234.9);
}Tailwind CSS v4
@theme {
--color-put-on-ice: #c8ddea;
--color-put-on-ice-50: #eef7fc;
--color-put-on-ice-100: #dfeaf0;
--color-put-on-ice-200: #c9d6df;
--color-put-on-ice-300: #aabac4;
--color-put-on-ice-400: #8fa2ad;
--color-put-on-ice-500: #748a97;
--color-put-on-ice-600: #63757f;
--color-put-on-ice-700: #4f5d66;
--color-put-on-ice-800: #39444b;
--color-put-on-ice-900: #272f34;
--color-put-on-ice-950: #151c1f;
}SCSS
$put-on-ice: #c8ddea;
$put-on-ice-rgb: 200, 221, 234;
$put-on-ice-light: mix(#fff, $put-on-ice, 20%);
$put-on-ice-dark: mix(#000, $put-on-ice, 20%);
.element {
color: $put-on-ice;
box-shadow: 0 0 0 2px rgba($put-on-ice, 0.35);
}