# #218dcd color: Zürich Blue

#218dcd is rgb(33, 141, 205) in RGB and oklch(61.581% 0.13331 241.253) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/218dcd

## Formats

| Format | Value |
| --- | --- |
| HEX | #218dcd |
| RGB | rgb(33, 141, 205) |
| HSL | hsl(202.33, 72.27%, 46.67%) |
| HSB / HSV | hsv(202.33 83.9% 80.39%) |
| HWB | hwb(202.33 12.94% 19.61%) |
| CMYK | cmyk(84% 31% 0% 20%) |
| Lab | lab(55.21 -12.68 -42.07) |
| LCH | lch(55.21 43.94 253.23) |
| OKLab | oklab(61.581% -0.06411 -0.11688) |
| OKLCH | oklch(61.581% 0.13331 241.253) |
| Display P3 | color(display-p3 0.27124 0.54494 0.783) |
| Rec. 2020 | color(rec2020 0.32991 0.49288 0.75461) |
| Adobe RGB | color(a98-rgb 0.32903 0.54797 0.79052) |
| ProPhoto RGB | color(prophoto-rgb 0.38785 0.46432 0.72458) |
| Linear sRGB | color(srgb-linear 0.01521 0.26636 0.6105) |
| XYZ D65 | color(xyz-d65 0.2117 0.2378 0.61234) |
| XYZ D50 | color(xyz-d50 0.19657 0.23134 0.46202) |
| SwiftUI | Color(red: 0.129, green: 0.553, blue: 0.804) |
| UIKit | UIColor(red: 0.129, green: 0.553, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF218DCD) |
| Android XML | #218DCD |

## 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.65:1
- Contrast with black: 5.76:1

## Tints

#218dcd, #4299d3, #5aa4d8, #70b0de, #86bbe3, #9ac6e8, #aed2ed, #c3ddf2, #d7e8f6, #ebf4fb

## Shades

#218dcd, #1b7ab2, #166798, #10557e, #0b4466, #06334e, #032338, #011423, #00070f, #000102

## Tones

#218dcd, #348dc6, #428cbf, #4d8cb8, #578bb1, #608aaa, #6889a2, #70889b, #778794, #7e868c

## Harmonies

- Complementary: #218dcd, #bd6f1b
- Split: #218dcd, #c86251, #a38100
- Analogous: #218dcd, #0098b0, #687ed5
- Triadic: #218dcd, #c45f80, #799024
- Tetradic: #218dcd, #9370c8, #bd6f1b, #799024
- Square: #218dcd, #b264a9, #bd6f1b, #3a9b5a
- Monochromatic: #218dcd, #004678, #0068a6, #50b3f5, #91d8ff

## Questions about #218dcd

### What color is #218dcd?

#218dcd is bright sky blue. The closest named color is Zürich Blue. In RGB it is rgb(33, 141, 205), in HSL hsl(202.33, 72.27%, 46.67%) and in OKLCH oklch(61.581% 0.13331 241.253).

### What colors go well with #218dcd?

The complementary color of #218dcd is #bd6f1b. For a calmer combination use the analogous colors #0098b0 and #687ed5. The triadic partners are #c45f80 and #799024.

### Is white or black text more readable on #218dcd?

White text reads better on #218dcd: white gives a contrast ratio of 3.65:1 and black gives 5.76:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #218dcd a warm or cool color?

#218dcd is a cool color. In OKLCH its hue is 241 degrees, its lightness 61.6% and its chroma 0.133.