# #018cd4 color: Zürich Blue

#018cd4 is rgb(1, 140, 212) in RGB and oklch(61.39% 0.14652 242.392) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #018cd4 |
| RGB | rgb(1, 140, 212) |
| HSL | hsl(200.47, 99.06%, 41.76%) |
| HSB / HSV | hsv(200.47 99.53% 83.14%) |
| HWB | hwb(200.47 0.39% 16.86%) |
| CMYK | cmyk(100% 34% 0% 17%) |
| Lab | lab(54.86 -11.8 -46.57) |
| LCH | lch(54.86 48.04 255.78) |
| OKLab | oklab(61.39% -0.0679 -0.12984) |
| OKLCH | oklch(61.39% 0.14652 242.392) |
| Display P3 | color(display-p3 0.23959 0.54059 0.80857) |
| Rec. 2020 | color(rec2020 0.31617 0.48837 0.78253) |
| Adobe RGB | color(a98-rgb 0.30781 0.54411 0.81753) |
| ProPhoto RGB | color(prophoto-rgb 0.38487 0.4605 0.75338) |
| Linear sRGB | color(srgb-linear 0.0003 0.26225 0.65837) |
| XYZ D65 | color(xyz-d65 0.21273 0.23515 0.65707) |
| XYZ D50 | color(xyz-d50 0.19534 0.22798 0.49561) |
| SwiftUI | Color(red: 0.004, green: 0.549, blue: 0.831) |
| UIKit | UIColor(red: 0.004, green: 0.549, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFF018CD4) |
| Android XML | #018CD4 |

## 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.7:1

## Tints

#018cd4, #3698d9, #53a4de, #6bafe3, #81bbe7, #97c6ec, #acd2f0, #c1ddf4, #d5e8f8, #eaf4fc

## Shades

#018cd4, #0179b8, #01679d, #005583, #004369, #003351, #00233a, #001424, #000710, #000102

## Tones

#018cd4, #278ccc, #398cc5, #478bbd, #528bb5, #5c8aad, #6589a5, #6e889d, #768795, #7d868d

## Harmonies

- Complementary: #018cd4, #c16c00
- Split: #018cd4, #cd5d48, #a38000
- Analogous: #018cd4, #0097b1, #677cdb
- Triadic: #018cd4, #c9597d, #75910b
- Tetradic: #018cd4, #966ccc, #c16c00, #75910b
- Square: #018cd4, #b65faa, #c16c00, #259d57
- Monochromatic: #018cd4, #004579, #0067ac, #43b2fd, #92d7ff

## Questions about #018cd4

### What color is #018cd4?

#018cd4 is bright sky blue. The closest named color is Zürich Blue. In RGB it is rgb(1, 140, 212), in HSL hsl(200.47, 99.06%, 41.76%) and in OKLCH oklch(61.39% 0.14652 242.392).

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

The complementary color of #018cd4 is #c16c00. For a calmer combination use the analogous colors #0097b1 and #677cdb. The triadic partners are #c9597d and #75910b.

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

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

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

#018cd4 is a cool color. In OKLCH its hue is 242 degrees, its lightness 61.4% and its chroma 0.147.