# #2e7cd4 color: Soothing Sapphire

#2e7cd4 is rgb(46, 124, 212) in RGB and oklch(58.392% 0.15452 254.162) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2e7cd4 |
| RGB | rgb(46, 124, 212) |
| HSL | hsl(211.81, 65.87%, 50.59%) |
| HSB / HSV | hsv(211.81 78.3% 83.14%) |
| HWB | hwb(211.81 18.04% 16.86%) |
| CMYK | cmyk(78% 42% 0% 17%) |
| Lab | lab(50.74 0.03 -53.04) |
| LCH | lch(50.74 53.05 270.03) |
| OKLab | oklab(58.392% -0.04217 -0.14865) |
| OKLCH | oklch(58.392% 0.15452 254.162) |
| Display P3 | color(display-p3 0.26771 0.47975 0.80628) |
| Rec. 2020 | color(rec2020 0.3112 0.42713 0.77935) |
| Adobe RGB | color(a98-rgb 0.31158 0.48273 0.81609) |
| ProPhoto RGB | color(prophoto-rgb 0.37797 0.40587 0.74871) |
| Linear sRGB | color(srgb-linear 0.02732 0.20156 0.65837) |
| XYZ D65 | color(xyz-d65 0.20216 0.19749 0.65036) |
| XYZ D50 | color(xyz-d50 0.18374 0.19048 0.49009) |
| SwiftUI | Color(red: 0.18, green: 0.486, blue: 0.831) |
| UIKit | UIColor(red: 0.18, green: 0.486, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFF2E7CD4) |
| Android XML | #2E7CD4 |

## 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.24:1
- Contrast with black: 4.95:1

## Tints

#2e7cd4, #468ad9, #5c97de, #71a4e3, #85b1e8, #99beec, #adcbf1, #c2d8f5, #d6e5f8, #eaf2fc

## Shades

#2e7cd4, #276bb8, #1f5a9d, #184a83, #123b69, #0b2c51, #061e3a, #021124, #010510, #000102

## Tones

#2e7cd4, #397dcb, #437dc3, #4c7eba, #547eb1, #5b7ea9, #627ea0, #697d97, #6f7d8e, #757c85

## Harmonies

- Complementary: #2e7cd4, #ac6b00
- Split: #2e7cd4, #c3561d, #8a7e00
- Analogous: #2e7cd4, #008ab5, #736bd2
- Triadic: #2e7cd4, #c54d5f, #528e1d
- Tetradic: #2e7cd4, #9c5bba, #ac6b00, #528e1d
- Square: #2e7cd4, #b85091, #ac6b00, #009663
- Monochromatic: #2e7cd4, #003385, #0057ac, #55a2fd, #92c9ff

## Questions about #2e7cd4

### What color is #2e7cd4?

#2e7cd4 is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(46, 124, 212), in HSL hsl(211.81, 65.87%, 50.59%) and in OKLCH oklch(58.392% 0.15452 254.162).

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

The complementary color of #2e7cd4 is #ac6b00. For a calmer combination use the analogous colors #008ab5 and #736bd2. The triadic partners are #c54d5f and #528e1d.

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

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

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

#2e7cd4 is a cool color. In OKLCH its hue is 254 degrees, its lightness 58.4% and its chroma 0.155.