# #218ace color: Zürich Blue

#218ace is rgb(33, 138, 206) in RGB and oklch(60.932% 0.1369 243.431) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #218ace |
| RGB | rgb(33, 138, 206) |
| HSL | hsl(203.58, 72.38%, 46.86%) |
| HSB / HSV | hsv(203.58 83.98% 80.78%) |
| HWB | hwb(203.58 12.94% 19.22%) |
| CMYK | cmyk(84% 33% 0% 19%) |
| Lab | lab(54.34 -10.82 -43.99) |
| LCH | lch(54.34 45.3 256.18) |
| OKLab | oklab(60.932% -0.06123 -0.12244) |
| OKLCH | oklch(60.932% 0.1369 243.431) |
| Display P3 | color(display-p3 0.26626 0.53335 0.78616) |
| Rec. 2020 | color(rec2020 0.32404 0.48099 0.75793) |
| Adobe RGB | color(a98-rgb 0.32297 0.5364 0.79409) |
| ProPhoto RGB | color(prophoto-rgb 0.38418 0.45347 0.72772) |
| Linear sRGB | color(srgb-linear 0.01521 0.25415 0.61721) |
| XYZ D65 | color(xyz-d65 0.20855 0.22955 0.61726) |
| XYZ D50 | color(xyz-d50 0.19283 0.223 0.46563) |
| SwiftUI | Color(red: 0.129, green: 0.541, blue: 0.808) |
| UIKit | UIColor(red: 0.129, green: 0.541, blue: 0.808, alpha: 1) |
| Flutter / Compose | Color(0xFF218ACE) |
| Android XML | #218ACE |

## 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.76:1
- Contrast with black: 5.59:1

## Tints

#218ace, #4196d4, #5aa2d9, #70aede, #85b9e4, #99c5e9, #aed1ed, #c2dcf2, #d6e8f7, #ebf3fb

## Shades

#218ace, #1b77b3, #166598, #10537f, #0b4266, #06324e, #032238, #011423, #00070f, #000102

## Tones

#218ace, #338ac7, #418abf, #4c89b8, #5689b1, #5f88a9, #6787a2, #6e869a, #758593, #7c848b

## Harmonies

- Complementary: #218ace, #bb6e06
- Split: #218ace, #c7604a, #9f8000
- Analogous: #218ace, #0095b0, #697bd4
- Triadic: #218ace, #c45b7a, #739021
- Tetradic: #218ace, #946cc5, #bb6e06, #739021
- Square: #218ace, #b361a5, #bb6e06, #2c9a5b
- Monochromatic: #218ace, #004379, #0065a7, #4fb0f6, #90d6ff

## Questions about #218ace

### What color is #218ace?

#218ace is bright sky blue. The closest named color is Zürich Blue. In RGB it is rgb(33, 138, 206), in HSL hsl(203.58, 72.38%, 46.86%) and in OKLCH oklch(60.932% 0.1369 243.431).

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

The complementary color of #218ace is #bb6e06. For a calmer combination use the analogous colors #0095b0 and #697bd4. The triadic partners are #c45b7a and #739021.

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

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

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

#218ace is a cool color. In OKLCH its hue is 243 degrees, its lightness 60.9% and its chroma 0.137.