# #1b80da color: Soothing Sapphire

#1b80da is rgb(27, 128, 218) in RGB and oklch(59.252% 0.16217 251.272) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/1b80da

## Formats

| Format | Value |
| --- | --- |
| HEX | #1b80da |
| RGB | rgb(27, 128, 218) |
| HSL | hsl(208.27, 77.96%, 48.04%) |
| HSB / HSV | hsv(208.27 87.61% 85.49%) |
| HWB | hwb(208.27 10.59% 14.51%) |
| CMYK | cmyk(88% 41% 0% 15%) |
| Lab | lab(51.8 -2.21 -54.77) |
| LCH | lch(51.8 54.81 267.69) |
| OKLab | oklab(59.252% -0.05207 -0.15358) |
| OKLCH | oklch(59.252% 0.16217 251.272) |
| Display P3 | color(display-p3 0.24098 0.49458 0.82902) |
| Rec. 2020 | color(rec2020 0.30504 0.44209 0.80445) |
| Adobe RGB | color(a98-rgb 0.29714 0.49802 0.83978) |
| ProPhoto RGB | color(prophoto-rgb 0.38047 0.4195 0.77522) |
| Linear sRGB | color(srgb-linear 0.01096 0.21586 0.7011) |
| XYZ D65 | color(xyz-d65 0.20824 0.20732 0.69236) |
| XYZ D50 | color(xyz-d50 0.18823 0.19969 0.52177) |
| SwiftUI | Color(red: 0.106, green: 0.502, blue: 0.855) |
| UIKit | UIColor(red: 0.106, green: 0.502, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF1B80DA) |
| Android XML | #1B80DA |

## Facts

- Closest name: Soothing Sapphire
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.08:1
- Contrast with black: 5.15:1

## Tints

#1b80da, #3c8ddf, #559ae3, #6ba7e8, #81b4ec, #96c1f0, #abcdf3, #c0daf7, #d5e6fa, #eaf3fc

## Shades

#1b80da, #166ebd, #115da2, #0c4d87, #083d6c, #052e54, #021f3c, #011225, #000611, #000102

## Tones

#1b80da, #2e81d1, #3b81c8, #4681bf, #5081b6, #5981ad, #6181a4, #69809b, #708091, #777f88

## Harmonies

- Complementary: #1b80da, #b36b00
- Split: #1b80da, #ca5421, #917f00
- Analogous: #1b80da, #008eb4, #706ddb
- Triadic: #1b80da, #cb4b65, #599001
- Tetradic: #1b80da, #9d5dc3, #b36b00, #599001
- Square: #1b80da, #bb509a, #b36b00, #00995f
- Monochromatic: #1b80da, #003981, #005bb2, #49a6ff, #93cdff

## Questions about #1b80da

### What color is #1b80da?

#1b80da is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(27, 128, 218), in HSL hsl(208.27, 77.96%, 48.04%) and in OKLCH oklch(59.252% 0.16217 251.272).

### What colors go well with #1b80da?

The complementary color of #1b80da is #b36b00. For a calmer combination use the analogous colors #008eb4 and #706ddb. The triadic partners are #cb4b65 and #599001.

### Is white or black text more readable on #1b80da?

White text reads better on #1b80da: white gives a contrast ratio of 4.08:1 and black gives 5.15:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #1b80da a warm or cool color?

#1b80da is a cool color. In OKLCH its hue is 251 degrees, its lightness 59.3% and its chroma 0.162.