# #307bd2 color: Soothing Sapphire

#307bd2 is rgb(48, 123, 210) in RGB and oklch(58.1% 0.15246 254.53) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #307bd2 |
| RGB | rgb(48, 123, 210) |
| HSL | hsl(212.22, 64.29%, 50.59%) |
| HSB / HSV | hsv(212.22 77.14% 82.35%) |
| HWB | hwb(212.22 18.82% 17.65%) |
| CMYK | cmyk(77% 41% 0% 18%) |
| Lab | lab(50.41 0.24 -52.44) |
| LCH | lch(50.41 52.44 270.26) |
| OKLab | oklab(58.1% -0.04066 -0.14694) |
| OKLCH | oklch(58.1% 0.15246 254.53) |
| Display P3 | color(display-p3 0.2705 0.47598 0.79872) |
| Rec. 2020 | color(rec2020 0.31063 0.42321 0.77103) |
| Adobe RGB | color(a98-rgb 0.31269 0.47891 0.80823) |
| ProPhoto RGB | color(prophoto-rgb 0.37564 0.40218 0.73999) |
| Linear sRGB | color(srgb-linear 0.02956 0.19807 0.64448) |
| XYZ D65 | color(xyz-d65 0.19933 0.19446 0.63678) |
| XYZ D50 | color(xyz-d50 0.18139 0.18764 0.47986) |
| SwiftUI | Color(red: 0.188, green: 0.482, blue: 0.824) |
| UIKit | UIColor(red: 0.188, green: 0.482, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF307BD2) |
| Android XML | #307BD2 |

## 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.29:1
- Contrast with black: 4.89:1

## Tints

#307bd2, #4889d8, #5d96dd, #71a3e2, #86b1e7, #9abeeb, #aecbf0, #c2d8f4, #d6e5f8, #eaf2fc

## Shades

#307bd2, #286ab6, #215a9b, #1a4a81, #133a68, #0c2c50, #061e39, #031024, #010510, #000102

## Tones

#307bd2, #3b7cca, #447cc1, #4c7db9, #547db0, #5b7da7, #627d9f, #687c96, #6f7c8d, #757b84

## Harmonies

- Complementary: #307bd2, #ab6b00
- Split: #307bd2, #c1561d, #897d00
- Analogous: #307bd2, #0089b4, #736ad0
- Triadic: #307bd2, #c44d5e, #518d1f
- Tetradic: #307bd2, #9b5bb8, #ab6b00, #518d1f
- Square: #307bd2, #b64f90, #ab6b00, #009463
- Monochromatic: #307bd2, #003284, #0056aa, #56a1fb, #91c8ff

## Questions about #307bd2

### What color is #307bd2?

#307bd2 is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(48, 123, 210), in HSL hsl(212.22, 64.29%, 50.59%) and in OKLCH oklch(58.1% 0.15246 254.53).

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

The complementary color of #307bd2 is #ab6b00. For a calmer combination use the analogous colors #0089b4 and #736ad0. The triadic partners are #c44d5e and #518d1f.

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

White text reads better on #307bd2: white gives a contrast ratio of 4.29:1 and black gives 4.89:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #307bd2 a warm or cool color?

#307bd2 is a cool color. In OKLCH its hue is 255 degrees, its lightness 58.1% and its chroma 0.152.