# #387bcc color: Heirloom Hydrangea

#387bcc is rgb(56, 123, 204) in RGB and oklch(57.987% 0.14215 254.861) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/387bcc

## Formats

| Format | Value |
| --- | --- |
| HEX | #387bcc |
| RGB | rgb(56, 123, 204) |
| HSL | hsl(212.84, 59.2%, 50.98%) |
| HSB / HSV | hsv(212.84 72.55% 80%) |
| HWB | hwb(212.84 21.96% 20%) |
| CMYK | cmyk(73% 40% 0% 20%) |
| Lab | lab(50.38 -0.41 -49.07) |
| LCH | lch(50.38 49.07 269.52) |
| OKLab | oklab(57.987% -0.03712 -0.13722) |
| OKLCH | oklch(57.987% 0.14215 254.861) |
| Display P3 | color(display-p3 0.28854 0.47636 0.77653) |
| Rec. 2020 | color(rec2020 0.31799 0.42349 0.74677) |
| Adobe RGB | color(a98-rgb 0.32547 0.47891 0.78495) |
| ProPhoto RGB | color(prophoto-rgb 0.37512 0.40199 0.7149) |
| Linear sRGB | color(srgb-linear 0.03955 0.19807 0.60383) |
| XYZ D65 | color(xyz-d65 0.19611 0.19365 0.59833) |
| XYZ D50 | color(xyz-d50 0.17993 0.1874 0.45097) |
| SwiftUI | Color(red: 0.22, green: 0.482, blue: 0.8) |
| UIKit | UIColor(red: 0.22, green: 0.482, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF387BCC) |
| Android XML | #387BCC |

## Facts

- Closest name: Heirloom Hydrangea
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.31:1
- Contrast with black: 4.87:1

## Tints

#387bcc, #4d88d2, #6296d8, #75a3dd, #89b0e3, #9cbde8, #b0caed, #c3d8f2, #d7e5f6, #ebf2fb

## Shades

#387bcc, #2f6ab1, #275a97, #1f4a7e, #173a65, #0f2c4e, #081e37, #041022, #01050f, #000102

## Tones

#387bcc, #417cc4, #497cbc, #507cb4, #577cac, #5d7ca4, #647c9c, #697c94, #6f7b8b, #757b83

## Harmonies

- Complementary: #387bcc, #aa6b00
- Split: #387bcc, #bd5a27, #887d00
- Analogous: #387bcc, #0089b4, #736bca
- Triadic: #387bcc, #bf515f, #538c2b
- Tetradic: #387bcc, #995db3, #aa6b00, #538c2b
- Square: #387bcc, #b3538e, #aa6b00, #009364
- Monochromatic: #387bcc, #00337e, #0d57a5, #5da0f5, #91c7ff

## Questions about #387bcc

### What color is #387bcc?

#387bcc is bright blue. The closest named color is Heirloom Hydrangea. In RGB it is rgb(56, 123, 204), in HSL hsl(212.84, 59.2%, 50.98%) and in OKLCH oklch(57.987% 0.14215 254.861).

### What colors go well with #387bcc?

The complementary color of #387bcc is #aa6b00. For a calmer combination use the analogous colors #0089b4 and #736bca. The triadic partners are #bf515f and #538c2b.

### Is white or black text more readable on #387bcc?

White text reads better on #387bcc: white gives a contrast ratio of 4.31:1 and black gives 4.87:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #387bcc a warm or cool color?

#387bcc is a cool color. In OKLCH its hue is 255 degrees, its lightness 58% and its chroma 0.142.