# #2a7bd2 color: Soothing Sapphire

#2a7bd2 is rgb(42, 123, 210) in RGB and oklch(57.933% 0.15413 253.471) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2a7bd2 |
| RGB | rgb(42, 123, 210) |
| HSL | hsl(211.07, 66.67%, 49.41%) |
| HSB / HSV | hsv(211.07 80% 82.35%) |
| HWB | hwb(211.07 16.47% 17.65%) |
| CMYK | cmyk(80% 41% 0% 18%) |
| Lab | lab(50.24 -0.52 -52.72) |
| LCH | lch(50.24 52.73 269.44) |
| OKLab | oklab(57.933% -0.04385 -0.14777) |
| OKLCH | oklch(57.933% 0.15413 253.471) |
| Display P3 | color(display-p3 0.25817 0.47573 0.79865) |
| Rec. 2020 | color(rec2020 0.30392 0.42266 0.77096) |
| Adobe RGB | color(a98-rgb 0.30416 0.47891 0.80823) |
| ProPhoto RGB | color(prophoto-rgb 0.3715 0.40145 0.73992) |
| Linear sRGB | color(srgb-linear 0.02315 0.19807 0.64448) |
| XYZ D65 | color(xyz-d65 0.19669 0.1931 0.63666) |
| XYZ D50 | color(xyz-d50 0.17859 0.18621 0.47977) |
| SwiftUI | Color(red: 0.165, green: 0.482, blue: 0.824) |
| UIKit | UIColor(red: 0.165, green: 0.482, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF2A7BD2) |
| Android XML | #2A7BD2 |

## 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.32:1
- Contrast with black: 4.86:1

## Tints

#2a7bd2, #4489d8, #5a96dd, #6fa3e2, #84b1e7, #98beeb, #accbf0, #c1d8f4, #d5e5f8, #eaf2fc

## Shades

#2a7bd2, #236ab6, #1c5a9b, #164a81, #103a68, #0a2c50, #051e39, #021024, #010510, #000102

## Tones

#2a7bd2, #367cc9, #407cc1, #497db8, #527db0, #597da7, #607c9e, #677c95, #6e7c8c, #747b83

## Harmonies

- Complementary: #2a7bd2, #ab6a00
- Split: #2a7bd2, #c2551e, #8a7c00
- Analogous: #2a7bd2, #0089b2, #706ad1
- Triadic: #2a7bd2, #c44b5f, #528c18
- Tetradic: #2a7bd2, #9a5ab9, #ab6a00, #528c18
- Square: #2a7bd2, #b64f91, #ab6a00, #009461
- Monochromatic: #2a7bd2, #003381, #0056aa, #52a1fb, #8ec8ff

## Questions about #2a7bd2

### What color is #2a7bd2?

#2a7bd2 is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(42, 123, 210), in HSL hsl(211.07, 66.67%, 49.41%) and in OKLCH oklch(57.933% 0.15413 253.471).

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

The complementary color of #2a7bd2 is #ab6a00. For a calmer combination use the analogous colors #0089b2 and #706ad1. The triadic partners are #c44b5f and #528c18.

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

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

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

#2a7bd2 is a cool color. In OKLCH its hue is 253 degrees, its lightness 57.9% and its chroma 0.154.