# #307cd3 color: Soothing Sapphire

#307cd3 is rgb(48, 124, 211) in RGB and oklch(58.386% 0.15266 254.307) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/307cd3

## Formats

| Format | Value |
| --- | --- |
| HEX | #307cd3 |
| RGB | rgb(48, 124, 211) |
| HSL | hsl(212.02, 64.94%, 50.78%) |
| HSB / HSV | hsv(212.02 77.25% 82.75%) |
| HWB | hwb(212.02 18.82% 17.25%) |
| CMYK | cmyk(77% 41% 0% 17%) |
| Lab | lab(50.75 -0.02 -52.46) |
| LCH | lch(50.75 52.46 269.98) |
| OKLab | oklab(58.386% -0.04129 -0.14697) |
| OKLCH | oklch(58.386% 0.15266 254.307) |
| Display P3 | color(display-p3 0.27191 0.47983 0.80258) |
| Rec. 2020 | color(rec2020 0.31301 0.42722 0.7753) |
| Adobe RGB | color(a98-rgb 0.31451 0.48273 0.8122) |
| ProPhoto RGB | color(prophoto-rgb 0.37822 0.40589 0.74451) |
| Linear sRGB | color(srgb-linear 0.02956 0.20156 0.65141) |
| XYZ D65 | color(xyz-d65 0.20183 0.19746 0.64378) |
| XYZ D50 | color(xyz-d50 0.18372 0.19056 0.48515) |
| SwiftUI | Color(red: 0.188, green: 0.486, blue: 0.827) |
| UIKit | UIColor(red: 0.188, green: 0.486, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFF307CD3) |
| Android XML | #307CD3 |

## 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

#307cd3, #488ad8, #5d97de, #72a4e3, #86b1e7, #9abeec, #aecbf0, #c2d8f4, #d6e5f8, #eaf2fc

## Shades

#307cd3, #286bb7, #215a9c, #1a4a82, #133b69, #0c2c51, #061e3a, #031124, #010510, #000102

## Tones

#307cd3, #3b7dcb, #447dc2, #4d7eb9, #547eb1, #5c7ea8, #637e9f, #697d97, #6f7d8e, #757c85

## Harmonies

- Complementary: #307cd3, #ac6b00
- Split: #307cd3, #c2571f, #8a7e00
- Analogous: #307cd3, #008ab5, #736bd1
- Triadic: #307cd3, #c54d5f, #528e20
- Tetradic: #307cd3, #9c5bb9, #ac6b00, #528e20
- Square: #307cd3, #b75091, #ac6b00, #009664
- Monochromatic: #307cd3, #003385, #0057ab, #57a2fc, #92c9ff

## Questions about #307cd3

### What color is #307cd3?

#307cd3 is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(48, 124, 211), in HSL hsl(212.02, 64.94%, 50.78%) and in OKLCH oklch(58.386% 0.15266 254.307).

### What colors go well with #307cd3?

The complementary color of #307cd3 is #ac6b00. For a calmer combination use the analogous colors #008ab5 and #736bd1. The triadic partners are #c54d5f and #528e20.

### Is white or black text more readable on #307cd3?

White text reads better on #307cd3: 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 #307cd3 a warm or cool color?

#307cd3 is a cool color. In OKLCH its hue is 254 degrees, its lightness 58.4% and its chroma 0.153.