Benannte Farbe · #BCC5C9
Icicles
Icicles ist #BCC5C9: rgb(188 197 201), hsl(198 11% 76%), oklch(0.818 0.011 226). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Icicles color name →
#BCC5C9
oklch(0.818 0.011 226)
Farbumrechnungen
- HEX
- #bcc5c9
- RGB
- rgb(188 197 201)
- HSL
- hsl(198 11% 76%)
- HWB
- hwb(198 74% 21%)
- OKLCH
- oklch(0.818 0.011 226)
- OKLab
- oklab(0.818 -0.008 -0.008)
- CIE Lab
- lab(78.9 -2.63 -3.14)
- LCH
- lch(78.9 4.09 230.1)
- CMYK
- cmyk(6% 2% 0% 21%)
Tints · Shades · Tones
Tints
- C3CBCE
- C9D0D4
- D0D6D9
- D6DCDE
- DDE2E4
- E4E7E9
- EBEDEF
- F1F3F4
- F8F9F9
Shades
- A3ABAE
- 8B9295
- 73797C
- 5D6164
- 474B4C
- 323536
- 1F2122
- 0D0E0F
- 020202
Tones
- B6BEC1
- B0B7BA
- AAB0B2
- A4A9AB
- 9EA2A4
- 989B9C
- 929495
- 8C8D8E
- 868787
Farbharmonien
Komplementär +180°
- BCC5C9
Icicles
- CAC1BD
≈ Chicago Fog
Analog -30° +30°
- BCC5C9
Icicles
- BBC6C6
≈ Silver Whiskers
- BFC4CB
≈ Bottlefly Wings
Triadisch +120° +240°
- BCC5C9
Icicles
- C9C0C5
≈ Whisper Soft
- C4C4BC
≈ Rippled Rock
Geteilt komplementär +150° +210°
- BCC5C9
Icicles
- CBC0C1
≈ Nantucket Mist
- C8C2BB
≈ Taupe White
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.75:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.96:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.96:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--icicles: #bcc5c9;
--icicles-rgb: 188 197 201;
--icicles-oklch: oklch(0.818 0.011 226);
}
.element {
color: var(--icicles);
background-color: hsl(198 11% 76%);
border-color: oklch(0.818 0.011 226);
}Tailwind CSS v4
@theme {
--color-icicles: #bcc5c9;
--color-icicles-50: #f2f6f8;
--color-icicles-100: #e4e9eb;
--color-icicles-200: #cfd5d8;
--color-icicles-300: #b2b9bc;
--color-icicles-400: #98a0a4;
--color-icicles-500: #7f888c;
--color-icicles-600: #6b7376;
--color-icicles-700: #565c5f;
--color-icicles-800: #3e4345;
--color-icicles-900: #2b2e30;
--color-icicles-950: #181b1c;
}SCSS
$icicles: #bcc5c9;
$icicles-rgb: 188, 197, 201;
$icicles-light: mix(#fff, $icicles, 20%);
$icicles-dark: mix(#000, $icicles, 20%);
.element {
color: $icicles;
box-shadow: 0 0 0 2px rgba($icicles, 0.35);
}