Benannte Farbe · #BCE2E8
Icy Water
Icy Water ist #BCE2E8: rgb(188 226 232), hsl(188 49% 82%), oklch(0.888 0.041 208.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Icy Water color name →
#BCE2E8
oklch(0.888 0.041 208.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- C3E5EA
- CAE8ED
- D0EBEF
- D7EEF1
- DEF1F4
- E4F3F6
- EBF6F8
- F2F9FA
- F8FCFD
Shades
- A3C4CA
- 8BA8AC
- 738C90
- 5D7174
- 475759
- 323E40
- 1F2729
- 0D1213
- 020303
Tones
- B6D8DD
- B0CED2
- AAC4C8
- A4BABD
- 9EB0B3
- 98A6A8
- 929C9E
- 8C9394
- 86898A
Farbharmonien
Komplementär +180°
- BCE2E8
Icy Water
- F4D1CB
≈ Coral Candy
Analog -30° +30°
- BCE2E8
Icy Water
- BEE3DA
≈ Serendipity
- C2DEF2
≈ Island View
Triadisch +120° +240°
- BCE2E8
Icy Water
- E9D1E8
≈ Lilacs in Spring
- E5D9BC
≈ Ivory Essence
Geteilt komplementär +150° +210°
- BCE2E8
Icy Water
- F2CFDA
≈ Ballerina
- EFD4C0
≈ Iced Apricot
Tetradisch +90° +180° +270°
- BCE2E8
Icy Water
- DDD5F2
≈ Japan Blush
- F4D1CB
≈ Coral Candy
- D7DEC0
≈ Dream Seascape
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.38:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.18:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.18:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
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);
}