# #2d80dc color: Soothing Sapphire

#2d80dc is rgb(45, 128, 220) in RGB and oklch(59.759% 0.16068 254.012) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2d80dc

## Formats

| Format | Value |
| --- | --- |
| HEX | #2d80dc |
| RGB | rgb(45, 128, 220) |
| HSL | hsl(211.54, 71.43%, 51.96%) |
| HSB / HSV | hsv(211.54 79.55% 86.27%) |
| HWB | hwb(211.54 17.65% 13.73%) |
| CMYK | cmyk(80% 42% 0% 14%) |
| Lab | lab(52.28 0.15 -55.09) |
| LCH | lch(52.28 55.1 270.15) |
| OKLab | oklab(59.759% -0.04426 -0.15447) |
| OKLCH | oklch(59.759% 0.16068 254.012) |
| Display P3 | color(display-p3 0.27149 0.49514 0.8366) |
| Rec. 2020 | color(rec2020 0.32178 0.44352 0.81277) |
| Adobe RGB | color(a98-rgb 0.31759 0.49802 0.84759) |
| ProPhoto RGB | color(prophoto-rgb 0.39252 0.42163 0.78396) |
| Linear sRGB | color(srgb-linear 0.02624 0.21586 0.71569) |
| XYZ D65 | color(xyz-d65 0.21718 0.21162 0.70653) |
| XYZ D50 | color(xyz-d50 0.19698 0.20397 0.5324) |
| SwiftUI | Color(red: 0.176, green: 0.502, blue: 0.863) |
| UIKit | UIColor(red: 0.176, green: 0.502, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF2D80DC) |
| Android XML | #2D80DC |

## 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.01:1
- Contrast with black: 5.23:1

## Tints

#2d80dc, #468de1, #5c9ae5, #71a7e9, #86b4ed, #9ac1f1, #aecdf4, #c2daf7, #d6e6fa, #ebf3fd

## Shades

#2d80dc, #266ebf, #1f5da3, #184d88, #113d6e, #0b2e54, #061f3c, #021226, #010611, #000102

## Tones

#2d80dc, #3981d3, #4481ca, #4d82c1, #5682b8, #5d82af, #6582a6, #6c819c, #738193, #798089

## Harmonies

- Complementary: #2d80dc, #b26f00
- Split: #2d80dc, #ca581b, #8f8200
- Analogous: #2d80dc, #008fba, #766eda
- Triadic: #2d80dc, #cd4e62, #54931a
- Tetradic: #2d80dc, #a25dc1, #b26f00, #54931a
- Square: #2d80dc, #be5197, #b26f00, #009a66
- Monochromatic: #2d80dc, #00378b, #005bb4, #55a6ff, #9aceff

## Questions about #2d80dc

### What color is #2d80dc?

#2d80dc is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(45, 128, 220), in HSL hsl(211.54, 71.43%, 51.96%) and in OKLCH oklch(59.759% 0.16068 254.012).

### What colors go well with #2d80dc?

The complementary color of #2d80dc is #b26f00. For a calmer combination use the analogous colors #008fba and #766eda. The triadic partners are #cd4e62 and #54931a.

### Is white or black text more readable on #2d80dc?

White text reads better on #2d80dc: white gives a contrast ratio of 4.01:1 and black gives 5.23:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2d80dc a warm or cool color?

#2d80dc is a cool color. In OKLCH its hue is 254 degrees, its lightness 59.8% and its chroma 0.161.