# #2b82da color: Soothing Sapphire

#2b82da is rgb(43, 130, 218) in RGB and oklch(60.026% 0.15655 252.414) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2b82da |
| RGB | rgb(43, 130, 218) |
| HSL | hsl(210.17, 70.28%, 51.18%) |
| HSB / HSV | hsv(210.17 80.28% 85.49%) |
| HWB | hwb(210.17 16.86% 14.51%) |
| CMYK | cmyk(80% 40% 0% 15%) |
| Lab | lab(52.72 -1.81 -53.28) |
| LCH | lch(52.72 53.31 268.05) |
| OKLab | oklab(60.026% -0.0473 -0.14923) |
| OKLCH | oklch(60.026% 0.15655 252.414) |
| Display P3 | color(display-p3 0.27056 0.50278 0.82944) |
| Rec. 2020 | color(rec2020 0.32255 0.45103 0.80499) |
| Adobe RGB | color(a98-rgb 0.31868 0.50567 0.83995) |
| ProPhoto RGB | color(prophoto-rgb 0.39167 0.42804 0.77596) |
| Linear sRGB | color(srgb-linear 0.02416 0.22323 0.7011) |
| XYZ D65 | color(xyz-d65 0.21632 0.2154 0.69349) |
| XYZ D50 | color(xyz-d50 0.19682 0.2079 0.52266) |
| SwiftUI | Color(red: 0.169, green: 0.51, blue: 0.855) |
| UIKit | UIColor(red: 0.169, green: 0.51, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF2B82DA) |
| Android XML | #2B82DA |

## 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: 3.96:1
- Contrast with black: 5.31:1

## Tints

#2b82da, #458fdf, #5c9ce3, #71a9e8, #85b5ec, #9ac1ef, #aecef3, #c2daf6, #d6e6fa, #ebf3fc

## Shades

#2b82da, #2470bd, #1d5fa2, #164e87, #103e6c, #0a2f54, #05203c, #021225, #010611, #000102

## Tones

#2b82da, #3883d1, #4383c9, #4d83c0, #5683b7, #5e83ae, #6583a5, #6c829c, #738293, #7a818a

## Harmonies

- Complementary: #2b82da, #b56e00
- Split: #2b82da, #ca5a27, #928200
- Analogous: #2b82da, #0090b9, #7470da
- Triadic: #2b82da, #cc5166, #5a931b
- Tetradic: #2b82da, #a060c2, #b56e00, #5a931b
- Square: #2b82da, #bd5499, #b56e00, #009c63
- Monochromatic: #2b82da, #003a88, #005db2, #54a8ff, #99cfff

## Questions about #2b82da

### What color is #2b82da?

#2b82da is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(43, 130, 218), in HSL hsl(210.17, 70.28%, 51.18%) and in OKLCH oklch(60.026% 0.15655 252.414).

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

The complementary color of #2b82da is #b56e00. For a calmer combination use the analogous colors #0090b9 and #7470da. The triadic partners are #cc5166 and #5a931b.

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

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

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

#2b82da is a cool color. In OKLCH its hue is 252 degrees, its lightness 60% and its chroma 0.157.