# #396aaa color: Waterline Blue

#396aaa is rgb(57, 106, 170) in RGB and oklch(52.12% 0.11483 255.893) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #396aaa |
| RGB | rgb(57, 106, 170) |
| HSL | hsl(213.98, 49.78%, 44.51%) |
| HSB / HSV | hsv(213.98 66.47% 66.67%) |
| HWB | hwb(213.98 22.35% 33.33%) |
| CMYK | cmyk(66% 38% 0% 33%) |
| Lab | lab(43.77 -0.68 -39.95) |
| LCH | lch(43.77 39.96 269.02) |
| OKLab | oklab(52.12% -0.02799 -0.11136) |
| OKLCH | oklch(52.12% 0.11483 255.893) |
| Display P3 | color(display-p3 0.26997 0.41099 0.64774) |
| Rec. 2020 | color(rec2020 0.27369 0.3544 0.60633) |
| Adobe RGB | color(a98-rgb 0.29906 0.41446 0.65275) |
| ProPhoto RGB | color(prophoto-rgb 0.31602 0.33709 0.57173) |
| Linear sRGB | color(srgb-linear 0.04092 0.14413 0.40198) |
| XYZ D65 | color(xyz-d65 0.14096 0.1408 0.40006) |
| XYZ D50 | color(xyz-d50 0.13087 0.13679 0.30161) |
| SwiftUI | Color(red: 0.224, green: 0.416, blue: 0.667) |
| UIKit | UIColor(red: 0.224, green: 0.416, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF396AAA) |
| Android XML | #396AAA |

## Facts

- Closest name: Waterline Blue
- Hue family: Blue, soft blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.5:1
- Contrast with black: 3.82:1

## Tints

#396aaa, #4d79b3, #6087bc, #7396c5, #86a5cd, #9ab3d6, #adc2de, #c1d1e7, #d6e0ef, #eaf0f7

## Shades

#396aaa, #305b93, #284d7d, #1f3f68, #173153, #10243f, #09182d, #040d1b, #01040b, #000001

## Tones

#396aaa, #3f6aa4, #446b9d, #4a6b97, #4f6b91, #536b8a, #586b84, #5c6a7d, #616a77, #656a70

## Harmonies

- Complementary: #396aaa, #8e5e00
- Split: #396aaa, #9e512a, #736c00
- Analogous: #396aaa, #00759b, #645ea8
- Triadic: #396aaa, #a04a52, #497830
- Tetradic: #396aaa, #835396, #8e5e00, #497830
- Square: #396aaa, #974b77, #8e5e00, #007d5a
- Monochromatic: #396aaa, #002560, #164784, #5c8ed1, #80b4fa

## Questions about #396aaa

### What color is #396aaa?

#396aaa is soft blue. The closest named color is Waterline Blue. In RGB it is rgb(57, 106, 170), in HSL hsl(213.98, 49.78%, 44.51%) and in OKLCH oklch(52.12% 0.11483 255.893).

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

The complementary color of #396aaa is #8e5e00. For a calmer combination use the analogous colors #00759b and #645ea8. The triadic partners are #a04a52 and #497830.

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

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

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

#396aaa is a cool color. In OKLCH its hue is 256 degrees, its lightness 52.1% and its chroma 0.115.