色名 · #BCE2E8
Icy Water
Icy Waterは#BCE2E8：rgb(188 226 232)、hsl(188 49% 82%)、oklch(0.888 0.041 208.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Cyan mean? → · Icy Water color name →
#BCE2E8
oklch(0.888 0.041 208.1)
カラー変換
- HEX
- #bce2e8
- RGB
- rgb(188 226 232)
- HSL
- hsl(188 49% 82%)
- HWB
- hwb(188 74% 9%)
- OKLCH
- oklch(0.888 0.041 208.1)
- OKLab
- oklab(0.888 -0.036 -0.019)
- CIE Lab
- lab(87.29 -11.9 -7.29)
- LCH
- lch(87.29 13.96 211.5)
- CMYK
- cmyk(19% 3% 0% 9%)
ティント · シェード · トーン
ティント
- C3E5EA
- CAE8ED
- D0EBEF
- D7EEF1
- DEF1F4
- E4F3F6
- EBF6F8
- F2F9FA
- F8FCFD
シェード
- A3C4CA
- 8BA8AC
- 738C90
- 5D7174
- 475759
- 323E40
- 1F2729
- 0D1213
- 020303
トーン
- B6D8DD
- B0CED2
- AAC4C8
- A4BABD
- 9EB0B3
- 98A6A8
- 929C9E
- 8C9394
- 86898A
カラーハーモニー
補色 +180°
- BCE2E8
Icy Water
- F4D1CB
≈ Coral Candy
類似色 -30° +30°
- BCE2E8
Icy Water
- BEE3DA
≈ Serendipity
- C2DEF2
≈ Island View
トライアド +120° +240°
- BCE2E8
Icy Water
- E9D1E8
≈ Lilacs in Spring
- E5D9BC
≈ Ivory Essence
スプリットコンプリメンタリー +150° +210°
- BCE2E8
Icy Water
- F2CFDA
≈ Ballerina
- EFD4C0
≈ Iced Apricot
テトラード +90° +180° +270°
- BCE2E8
Icy Water
- DDD5F2
≈ Japan Blush
- F4D1CB
≈ Coral Candy
- D7DEC0
≈ Dream Seascape
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.38:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.18:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.18:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--icy-water: #bce2e8;
--icy-water-rgb: 188 226 232;
--icy-water-oklch: oklch(0.888 0.041 208.1);
}
.element {
color: var(--icy-water);
background-color: hsl(188 49% 82%);
border-color: oklch(0.888 0.041 208.1);
}Tailwind CSS v4
@theme {
--color-icy-water: #bce2e8;
--color-icy-water-50: #e9f9fc;
--color-icy-water-100: #d9ecef;
--color-icy-water-200: #c1d9de;
--color-icy-water-300: #a0bdc3;
--color-icy-water-400: #83a6ab;
--color-icy-water-500: #668e94;
--color-icy-water-600: #57787d;
--color-icy-water-700: #456064;
--color-icy-water-800: #324749;
--color-icy-water-900: #223133;
--color-icy-water-950: #111d1f;
}SCSS
$icy-water: #bce2e8;
$icy-water-rgb: 188, 226, 232;
$icy-water-light: mix(#fff, $icy-water, 20%);
$icy-water-dark: mix(#000, $icy-water, 20%);
.element {
color: $icy-water;
box-shadow: 0 0 0 2px rgba($icy-water, 0.35);
}