# #188bd2 color: Zürich Blue

#188bd2 is rgb(24, 139, 210) in RGB and oklch(61.249% 0.14242 243.452) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/188bd2

## Formats

| Format | Value |
| --- | --- |
| HEX | #188bd2 |
| RGB | rgb(24, 139, 210) |
| HSL | hsl(202.9, 79.49%, 45.88%) |
| HSB / HSV | hsv(202.9 88.57% 82.35%) |
| HWB | hwb(202.9 9.41% 17.65%) |
| CMYK | cmyk(89% 34% 0% 18%) |
| Lab | lab(54.68 -10.85 -45.73) |
| LCH | lch(54.68 46.99 256.65) |
| OKLab | oklab(61.249% -0.06366 -0.12741) |
| OKLCH | oklch(61.249% 0.14242 243.452) |
| Display P3 | color(display-p3 0.25609 0.53702 0.80108) |
| Rec. 2020 | color(rec2020 0.32197 0.48486 0.77429) |
| Adobe RGB | color(a98-rgb 0.31727 0.54026 0.80968) |
| ProPhoto RGB | color(prophoto-rgb 0.38651 0.45732 0.74474) |
| Linear sRGB | color(srgb-linear 0.00913 0.25818 0.64448) |
| XYZ D65 | color(xyz-d65 0.21241 0.23311 0.64355) |
| XYZ D50 | color(xyz-d50 0.19563 0.22619 0.48541) |
| SwiftUI | Color(red: 0.094, green: 0.545, blue: 0.824) |
| UIKit | UIColor(red: 0.094, green: 0.545, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF188BD2) |
| Android XML | #188BD2 |

## Facts

- Closest name: Zürich Blue
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.71:1
- Contrast with black: 5.66:1

## Tints

#188bd2, #3d97d7, #57a3dc, #6eaee1, #83bae6, #98c6eb, #add1ef, #c1ddf3, #d6e8f7, #eaf4fb

## Shades

#188bd2, #1378b6, #0f669b, #0a5481, #074368, #043250, #022339, #011424, #000710, #000102

## Tones

#188bd2, #2f8bca, #3e8bc3, #4a8abb, #548ab4, #5e89ac, #6688a4, #6e879c, #768694, #7d858c

## Harmonies

- Complementary: #188bd2, #be6d00
- Split: #188bd2, #cb5f48, #a18000
- Analogous: #188bd2, #0096b2, #697bd8
- Triadic: #188bd2, #c75a7b, #739119
- Tetradic: #188bd2, #966cc9, #be6d00, #739119
- Square: #188bd2, #b560a8, #be6d00, #269c5a
- Monochromatic: #188bd2, #00447a, #0066ab, #4bb1fb, #93d7ff

## Questions about #188bd2

### What color is #188bd2?

#188bd2 is bright sky blue. The closest named color is Zürich Blue. In RGB it is rgb(24, 139, 210), in HSL hsl(202.9, 79.49%, 45.88%) and in OKLCH oklch(61.249% 0.14242 243.452).

### What colors go well with #188bd2?

The complementary color of #188bd2 is #be6d00. For a calmer combination use the analogous colors #0096b2 and #697bd8. The triadic partners are #c75a7b and #739119.

### Is white or black text more readable on #188bd2?

White text reads better on #188bd2: white gives a contrast ratio of 3.71:1 and black gives 5.66:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #188bd2 a warm or cool color?

#188bd2 is a cool color. In OKLCH its hue is 243 degrees, its lightness 61.2% and its chroma 0.142.