# #158cd4 color: Zürich Blue

#158cd4 is rgb(21, 140, 212) in RGB and oklch(61.558% 0.14431 243.393) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #158cd4 |
| RGB | rgb(21, 140, 212) |
| HSL | hsl(202.62, 81.97%, 45.69%) |
| HSB / HSV | hsv(202.62 90.09% 83.14%) |
| HWB | hwb(202.62 8.24% 16.86%) |
| CMYK | cmyk(90% 34% 0% 17%) |
| Lab | lab(55.03 -10.95 -46.3) |
| LCH | lch(55.03 47.57 256.7) |
| OKLab | oklab(61.558% -0.06463 -0.12903) |
| OKLCH | oklch(61.558% 0.14431 243.393) |
| Display P3 | color(display-p3 0.25458 0.54083 0.80864) |
| Rec. 2020 | color(rec2020 0.32342 0.4889 0.78261) |
| Adobe RGB | color(a98-rgb 0.31725 0.54411 0.81753) |
| ProPhoto RGB | color(prophoto-rgb 0.38939 0.46124 0.75347) |
| Linear sRGB | color(srgb-linear 0.0075 0.26225 0.65837) |
| XYZ D65 | color(xyz-d65 0.21569 0.23668 0.65721) |
| XYZ D50 | color(xyz-d50 0.19848 0.22958 0.49571) |
| SwiftUI | Color(red: 0.082, green: 0.549, blue: 0.831) |
| UIKit | UIColor(red: 0.082, green: 0.549, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFF158CD4) |
| Android XML | #158CD4 |

## 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.66:1
- Contrast with black: 5.73:1

## Tints

#158cd4, #3c98d9, #56a4de, #6dafe3, #83bbe7, #98c6ec, #add2f0, #c1ddf4, #d6e8f8, #eaf4fc

## Shades

#158cd4, #1179b8, #0c679d, #085583, #054369, #033351, #02233a, #011424, #000710, #000102

## Tones

#158cd4, #2e8ccc, #3d8cc5, #4a8bbd, #548bb5, #5e8aad, #6789a5, #6f889d, #768795, #7e868d

## Harmonies

- Complementary: #158cd4, #c06e00
- Split: #158cd4, #cd5f48, #a28100
- Analogous: #158cd4, #0097b3, #6a7cdb
- Triadic: #158cd4, #c95a7c, #749217
- Tetradic: #158cd4, #976ccb, #c06e00, #749217
- Square: #158cd4, #b760a9, #c06e00, #259d5a
- Monochromatic: #158cd4, #00457b, #0067ac, #4ab2fd, #95d8ff

## Questions about #158cd4

### What color is #158cd4?

#158cd4 is bright sky blue. The closest named color is Zürich Blue. In RGB it is rgb(21, 140, 212), in HSL hsl(202.62, 81.97%, 45.69%) and in OKLCH oklch(61.558% 0.14431 243.393).

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

The complementary color of #158cd4 is #c06e00. For a calmer combination use the analogous colors #0097b3 and #6a7cdb. The triadic partners are #c95a7c and #749217.

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

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

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

#158cd4 is a cool color. In OKLCH its hue is 243 degrees, its lightness 61.6% and its chroma 0.144.