# #148bcd color: Zürich Blue

#148bcd is rgb(20, 139, 205) in RGB and oklch(60.917% 0.1375 241.264) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/148bcd

## Formats

| Format | Value |
| --- | --- |
| HEX | #148bcd |
| RGB | rgb(20, 139, 205) |
| HSL | hsl(201.41, 82.22%, 44.12%) |
| HSB / HSV | hsv(201.41 90.24% 80.39%) |
| HWB | hwb(201.41 7.84% 19.61%) |
| CMYK | cmyk(90% 32% 0% 20%) |
| Lab | lab(54.41 -12.63 -43.34) |
| LCH | lch(54.41 45.14 253.75) |
| OKLab | oklab(60.917% -0.06611 -0.12057) |
| OKLCH | oklch(60.917% 0.1375 241.264) |
| Display P3 | color(display-p3 0.25178 0.53695 0.78255) |
| Rec. 2020 | color(rec2020 0.31744 0.48429 0.75404) |
| Adobe RGB | color(a98-rgb 0.3145 0.54026 0.79032) |
| ProPhoto RGB | color(prophoto-rgb 0.37943 0.4561 0.72379) |
| Linear sRGB | color(srgb-linear 0.007 0.25818 0.6105) |
| XYZ D65 | color(xyz-d65 0.20539 0.2302 0.6112) |
| XYZ D50 | color(xyz-d50 0.18984 0.22365 0.46112) |
| SwiftUI | Color(red: 0.078, green: 0.545, blue: 0.804) |
| UIKit | UIColor(red: 0.078, green: 0.545, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF148BCD) |
| Android XML | #148BCD |

## 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.75:1
- Contrast with black: 5.6:1

## Tints

#148bcd, #3b97d3, #56a3d8, #6daede, #83bae3, #98c5e8, #add1ed, #c1ddf2, #d6e8f6, #eaf4fb

## Shades

#148bcd, #1078b2, #0c6698, #08547e, #054366, #03324e, #012338, #011423, #00070f, #000102

## Tones

#148bcd, #2d8bc6, #3c8abf, #498ab7, #5389b0, #5d88a9, #6588a1, #6d879a, #758592, #7c848b

## Harmonies

- Complementary: #148bcd, #bc6c0d
- Split: #148bcd, #c85f4d, #a17e00
- Analogous: #148bcd, #0096ae, #657cd5
- Triadic: #148bcd, #c35b7e, #778f1a
- Tetradic: #148bcd, #926dc7, #bc6c0d, #778f1a
- Square: #148bcd, #b161a8, #bc6c0d, #339a57
- Monochromatic: #148bcd, #004475, #0066a6, #49b1f5, #8cd7ff

## Questions about #148bcd

### What color is #148bcd?

#148bcd is bright sky blue. The closest named color is Zürich Blue. In RGB it is rgb(20, 139, 205), in HSL hsl(201.41, 82.22%, 44.12%) and in OKLCH oklch(60.917% 0.1375 241.264).

### What colors go well with #148bcd?

The complementary color of #148bcd is #bc6c0d. For a calmer combination use the analogous colors #0096ae and #657cd5. The triadic partners are #c35b7e and #778f1a.

### Is white or black text more readable on #148bcd?

White text reads better on #148bcd: white gives a contrast ratio of 3.75:1 and black gives 5.6:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #148bcd a warm or cool color?

#148bcd is a cool color. In OKLCH its hue is 241 degrees, its lightness 60.9% and its chroma 0.138.