# #158cd2 color: Zürich Blue

#158cd2 is rgb(21, 140, 210) in RGB and oklch(61.444% 0.14206 242.674) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/158cd2

## Formats

| Format | Value |
| --- | --- |
| HEX | #158cd2 |
| RGB | rgb(21, 140, 210) |
| HSL | hsl(202.22, 81.82%, 45.29%) |
| HSB / HSV | hsv(202.22 90% 82.35%) |
| HWB | hwb(202.22 8.24% 17.65%) |
| CMYK | cmyk(90% 33% 0% 18%) |
| Lab | lab(54.94 -11.56 -45.31) |
| LCH | lch(54.94 46.76 255.69) |
| OKLab | oklab(61.444% -0.06521 -0.12621) |
| OKLCH | oklch(61.444% 0.14206 242.674) |
| Display P3 | color(display-p3 0.25458 0.54083 0.80124) |
| Rec. 2020 | color(rec2020 0.32247 0.48873 0.7745) |
| Adobe RGB | color(a98-rgb 0.31725 0.54411 0.80978) |
| ProPhoto RGB | color(prophoto-rgb 0.38707 0.46083 0.74505) |
| Linear sRGB | color(srgb-linear 0.0075 0.26225 0.64448) |
| XYZ D65 | color(xyz-d65 0.21319 0.23567 0.644) |
| XYZ D50 | color(xyz-d50 0.19649 0.22874 0.48579) |
| SwiftUI | Color(red: 0.082, green: 0.549, blue: 0.824) |
| UIKit | UIColor(red: 0.082, green: 0.549, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF158CD2) |
| Android XML | #158CD2 |

## 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.68:1
- Contrast with black: 5.71:1

## Tints

#158cd2, #3c98d7, #56a4dc, #6dafe1, #83bbe6, #98c6eb, #add2ef, #c1ddf3, #d6e8f7, #eaf4fb

## Shades

#158cd2, #1179b6, #0c679b, #085581, #054368, #033350, #022339, #011424, #000710, #000102

## Tones

#158cd2, #2e8cca, #3d8cc3, #4a8bbb, #548bb4, #5e8aac, #6789a4, #6f889c, #768795, #7d868d

## Harmonies

- Complementary: #158cd2, #bf6e00
- Split: #158cd2, #cb5f4a, #a28000
- Analogous: #158cd2, #0097b1, #697cd9
- Triadic: #158cd2, #c85b7d, #759118
- Tetradic: #158cd2, #966dca, #bf6e00, #759118
- Square: #158cd2, #b561a9, #bf6e00, #2b9c59
- Monochromatic: #158cd2, #00457a, #0067ab, #4ab2fb, #93d7ff

## Questions about #158cd2

### What color is #158cd2?

#158cd2 is bright sky blue. The closest named color is Zürich Blue. In RGB it is rgb(21, 140, 210), in HSL hsl(202.22, 81.82%, 45.29%) and in OKLCH oklch(61.444% 0.14206 242.674).

### What colors go well with #158cd2?

The complementary color of #158cd2 is #bf6e00. For a calmer combination use the analogous colors #0097b1 and #697cd9. The triadic partners are #c85b7d and #759118.

### Is white or black text more readable on #158cd2?

White text reads better on #158cd2: white gives a contrast ratio of 3.68:1 and black gives 5.71:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #158cd2 a warm or cool color?

#158cd2 is a cool color. In OKLCH its hue is 243 degrees, its lightness 61.4% and its chroma 0.142.