# #377fcf color: Soothing Sapphire

#377fcf is rgb(55, 127, 207) in RGB and oklch(59.03% 0.14215 253.361) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/377fcf

## Formats

| Format | Value |
| --- | --- |
| HEX | #377fcf |
| RGB | rgb(55, 127, 207) |
| HSL | hsl(211.58, 61.29%, 51.37%) |
| HSB / HSV | hsv(211.58 73.43% 81.18%) |
| HWB | hwb(211.58 21.57% 18.82%) |
| CMYK | cmyk(73% 39% 0% 19%) |
| Lab | lab(51.66 -1.9 -48.74) |
| LCH | lch(51.66 48.78 267.77) |
| OKLab | oklab(59.03% -0.0407 -0.1362) |
| OKLCH | oklch(59.03% 0.14215 253.361) |
| Display P3 | color(display-p3 0.2915 0.49172 0.78828) |
| Rec. 2020 | color(rec2020 0.32549 0.43934 0.75976) |
| Adobe RGB | color(a98-rgb 0.33079 0.49419 0.79693) |
| ProPhoto RGB | color(prophoto-rgb 0.38332 0.41653 0.72865) |
| Linear sRGB | color(srgb-linear 0.0382 0.21223 0.62396) |
| XYZ D65 | color(xyz-d65 0.20426 0.20495 0.61913) |
| XYZ D50 | color(xyz-d50 0.18768 0.19847 0.46671) |
| SwiftUI | Color(red: 0.216, green: 0.498, blue: 0.812) |
| UIKit | UIColor(red: 0.216, green: 0.498, blue: 0.812, alpha: 1) |
| Flutter / Compose | Color(0xFF377FCF) |
| Android XML | #377FCF |

## 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.12:1
- Contrast with black: 5.1:1

## Tints

#377fcf, #4d8cd5, #6299da, #75a6e0, #89b3e5, #9cbfea, #b0ccee, #c3d9f3, #d7e6f7, #ebf2fb

## Shades

#377fcf, #2e6eb4, #265d99, #1e4c7f, #163c67, #0f2d4f, #081f38, #031123, #010610, #000102

## Tones

#377fcf, #417fc7, #4980bf, #5180b7, #5880af, #5f80a7, #66809f, #6c7f97, #727f8e, #787e86

## Harmonies

- Complementary: #377fcf, #af6d00
- Split: #377fcf, #c15c2e, #8d8000
- Analogous: #377fcf, #008db6, #746fce
- Triadic: #377fcf, #c25464, #598f2b
- Tetradic: #377fcf, #9b61b8, #af6d00, #598f2b
- Square: #377fcf, #b55693, #af6d00, #009765
- Monochromatic: #377fcf, #003781, #085ba7, #5da5f8, #95cbff

## Questions about #377fcf

### What color is #377fcf?

#377fcf is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(55, 127, 207), in HSL hsl(211.58, 61.29%, 51.37%) and in OKLCH oklch(59.03% 0.14215 253.361).

### What colors go well with #377fcf?

The complementary color of #377fcf is #af6d00. For a calmer combination use the analogous colors #008db6 and #746fce. The triadic partners are #c25464 and #598f2b.

### Is white or black text more readable on #377fcf?

White text reads better on #377fcf: white gives a contrast ratio of 4.12:1 and black gives 5.1:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #377fcf a warm or cool color?

#377fcf is a cool color. In OKLCH its hue is 253 degrees, its lightness 59% and its chroma 0.142.