# #396cce color: Han Blue

#396cce is rgb(57, 108, 206) in RGB and oklch(54.888% 0.16158 261.899) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/396cce

## Formats

| Format | Value |
| --- | --- |
| HEX | #396cce |
| RGB | rgb(57, 108, 206) |
| HSL | hsl(219.46, 60.32%, 51.57%) |
| HSB / HSV | hsv(219.46 72.33% 80.78%) |
| HWB | hwb(219.46 22.35% 19.22%) |
| CMYK | cmyk(72% 48% 0% 19%) |
| Lab | lab(46.18 8.95 -56.91) |
| LCH | lch(46.18 57.61 278.94) |
| OKLab | oklab(54.888% -0.02277 -0.15997) |
| OKLCH | oklch(54.888% 0.16158 261.899) |
| Display P3 | color(display-p3 0.27232 0.41868 0.78186) |
| Rec. 2020 | color(rec2020 0.29386 0.36563 0.75204) |
| Adobe RGB | color(a98-rgb 0.30225 0.422 0.79151) |
| ProPhoto RGB | color(prophoto-rgb 0.35867 0.35163 0.71921) |
| Linear sRGB | color(srgb-linear 0.04092 0.14996 0.61721) |
| XYZ D65 | color(xyz-d65 0.18189 0.1605 0.60534) |
| XYZ D50 | color(xyz-d50 0.16391 0.15402 0.45587) |
| SwiftUI | Color(red: 0.224, green: 0.424, blue: 0.808) |
| UIKit | UIColor(red: 0.224, green: 0.424, blue: 0.808, alpha: 1) |
| Flutter / Compose | Color(0xFF396CCE) |
| Android XML | #396CCE |

## Facts

- Closest name: Han Blue
- Hue family: Blue, soft blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.99:1
- Contrast with black: 4.21:1

## Tints

#396cce, #4c7bd4, #5f8ada, #7399e0, #86a8e5, #99b6ea, #adc5ef, #c1d3f3, #d6e2f7, #eaf0fb

## Shades

#396cce, #305db3, #284e98, #1f407f, #173266, #10254e, #091938, #040d23, #01040f, #000002

## Tones

#396cce, #406ec5, #466fbc, #4c70b3, #5171aa, #5771a1, #5c7297, #62728e, #677285, #6c717b

## Harmonies

- Complementary: #396cce, #976700
- Split: #396cce, #b74d00, #757800
- Analogous: #396cce, #007db2, #755ac6
- Triadic: #396cce, #bd3f44, #2a8722
- Tetradic: #396cce, #9b4ba8, #976700, #2a8722
- Square: #396cce, #b3407b, #976700, #008868
- Monochromatic: #396cce, #00227f, #1747a6, #5c91f7, #8cbaff

## Questions about #396cce

### What color is #396cce?

#396cce is soft blue. The closest named color is Han Blue. In RGB it is rgb(57, 108, 206), in HSL hsl(219.46, 60.32%, 51.57%) and in OKLCH oklch(54.888% 0.16158 261.899).

### What colors go well with #396cce?

The complementary color of #396cce is #976700. For a calmer combination use the analogous colors #007db2 and #755ac6. The triadic partners are #bd3f44 and #2a8722.

### Is white or black text more readable on #396cce?

White text reads better on #396cce: white gives a contrast ratio of 4.99:1 and black gives 4.21:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #396cce a warm or cool color?

#396cce is a cool color. In OKLCH its hue is 262 degrees, its lightness 54.9% and its chroma 0.162.