Benannte Farbe · #88A3C2
Windy City
Windy City ist #88A3C2: rgb(136 163 194), hsl(212 32% 65%), oklch(0.706 0.055 252.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Windy City color name →
#88A3C2
oklch(0.706 0.055 252.1)
Farbumrechnungen
- HEX
- #88a3c2
- RGB
- rgb(136 163 194)
- HSL
- hsl(212 32% 65%)
- HWB
- hwb(212 53% 24%)
- OKLCH
- oklch(0.706 0.055 252.1)
- OKLab
- oklab(0.706 -0.017 -0.052)
- CIE Lab
- lab(65.75 -4.2 -19.27)
- LCH
- lch(65.75 19.72 257.7)
- CMYK
- cmyk(30% 16% 0% 24%)
Tints · Shades · Tones
Tints
- 93ACC8
- 9FB5CE
- ABBED4
- B6C7DB
- C2D0E1
- CEDAE7
- DAE3ED
- E6ECF3
- F3F6F9
Shades
- 758DA8
- 63788F
- 526377
- 414F60
- 313C49
- 222A34
- 131920
- 060A0E
- 010102
Tones
- 87A0BB
- 879CB5
- 8699AE
- 8595A7
- 8492A1
- 848E9A
- 838B94
- 82878D
- 818487
Farbharmonien
Komplementär +180°
- 88A3C2
Windy City
- B69B7B
≈ Wooded Acre
Analog -30° +30°
- 88A3C2
Windy City
- 7AA8B9
≈ Snowboard
- 9A9DC2
≈ Midnight Blush
Triadisch +120° +240°
- 88A3C2
Windy City
- C09397
≈ Profound Pink
- 94A885
≈ Huntington Garden
Geteilt komplementär +150° +210°
- 88A3C2
Windy City
- BF9686
≈ Spiced Brandy
- A7A27B
≈ Fond of Fronds
Tetradisch +90° +180° +270°
- 88A3C2
Windy City
- B993AA
≈ Bed of Roses
- B69B7B
≈ Wooded Acre
- 82AB96
≈ Catnip
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.60:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 8.06:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 8.06:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--windy-city: #88a3c2;
--windy-city-rgb: 136 163 194;
--windy-city-oklch: oklch(0.706 0.055 252.1);
}
.element {
color: var(--windy-city);
background-color: hsl(212 32% 65%);
border-color: oklch(0.706 0.055 252.1);
}Tailwind CSS v4
@theme {
--color-windy-city: #88a3c2;
--color-windy-city-50: #ebf6ff;
--color-windy-city-100: #dce9fa;
--color-windy-city-200: #c5d6ec;
--color-windy-city-300: #a5b9d3;
--color-windy-city-400: #87a1be;
--color-windy-city-500: #6c89aa;
--color-windy-city-600: #5c7490;
--color-windy-city-700: #495d73;
--color-windy-city-800: #344455;
--color-windy-city-900: #232f3b;
--color-windy-city-950: #121b25;
}SCSS
$windy-city: #88a3c2;
$windy-city-rgb: 136, 163, 194;
$windy-city-light: mix(#fff, $windy-city, 20%);
$windy-city-dark: mix(#000, $windy-city, 20%);
.element {
color: $windy-city;
box-shadow: 0 0 0 2px rgba($windy-city, 0.35);
}