Cor nomeada · #B6DBE9
Chicago Blue
Chicago Blue é #B6DBE9: rgb(182 219 233), hsl(196 54% 81%), oklch(0.869 0.043 222.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Chicago Blue color name →
#B6DBE9
oklch(0.869 0.043 222.8)
Conversões de cor
- HEX
- #b6dbe9
- RGB
- rgb(182 219 233)
- HSL
- hsl(196 54% 81%)
- HWB
- hwb(196 71% 9%)
- OKLCH
- oklch(0.869 0.043 222.8)
- OKLab
- oklab(0.869 -0.032 -0.03)
- CIE Lab
- lab(85.06 -10.33 -11.14)
- LCH
- lch(85.06 15.19 227.2)
- CMYK
- cmyk(22% 6% 0% 9%)
Tons claros · Sombras · Tons
Tons claros
- BDDFEB
- C5E2ED
- CCE6F0
- D3E9F2
- DBEDF4
- E2F1F6
- E9F4F8
- F0F8FB
- F8FBFD
Sombras
- 9EBECB
- 86A2AD
- 6F8790
- 596D74
- 44545A
- 303C41
- 1D2629
- 0C1113
- 020203
Tons
- B1D2DE
- ABC8D3
- A6BFC8
- A0B6BE
- 9BACB3
- 96A3A9
- 909A9E
- 8B9294
- 85898A
Harmonias de cor
Complementar +180°
- B6DBE9
Chicago Blue
- EECBBE
≈ Salmon Tint
Análoga -30° +30°
- B6DBE9
Chicago Blue
- B4DEDC
≈ Minerva
- C0D6F1
≈ Mr. Glass
Tríade +120° +240°
- B6DBE9
Chicago Blue
- E9C9DC
≈ Merry Pink
- D9D6B5
≈ Ghostly Green
Complementar dividida +150° +210°
- B6DBE9
Chicago Blue
- EFC9CC
≈ Salmon Flush
- E6D0B5
≈ Beachy Keen
Tétrade +90° +180° +270°
- B6DBE9
Chicago Blue
- DECCE9
≈ Pouf of Pink
- EECBBE
≈ Salmon Tint
- C9DBBE
≈ Bethany
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.46:1 · APCA Lc 22
Ag
AAASobre preto
WCAG 14.29:1 · APCA Lc 81
Melhor cor de texto: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
Trechos de código
CSS
:root {
--chicago-blue: #b6dbe9;
--chicago-blue-rgb: 182 219 233;
--chicago-blue-oklch: oklch(0.869 0.043 222.8);
}
.element {
color: var(--chicago-blue);
background-color: hsl(196 54% 81%);
border-color: oklch(0.869 0.043 222.8);
}Tailwind CSS v4
@theme {
--color-chicago-blue: #b6dbe9;
--color-chicago-blue-50: #e9f8ff;
--color-chicago-blue-100: #d9ebf3;
--color-chicago-blue-200: #c1d9e2;
--color-chicago-blue-300: #a1bdc8;
--color-chicago-blue-400: #83a5b1;
--color-chicago-blue-500: #668d9b;
--color-chicago-blue-600: #577783;
--color-chicago-blue-700: #455f69;
--color-chicago-blue-800: #32464d;
--color-chicago-blue-900: #223036;
--color-chicago-blue-950: #111d21;
}SCSS
$chicago-blue: #b6dbe9;
$chicago-blue-rgb: 182, 219, 233;
$chicago-blue-light: mix(#fff, $chicago-blue, 20%);
$chicago-blue-dark: mix(#000, $chicago-blue, 20%);
.element {
color: $chicago-blue;
box-shadow: 0 0 0 2px rgba($chicago-blue, 0.35);
}