# #396ba2 color: Star Sapphire

#396ba2 is rgb(57, 107, 162) in RGB and oklch(51.887% 0.103 252.374) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #396ba2 |
| RGB | rgb(57, 107, 162) |
| HSL | hsl(211.43, 47.95%, 42.94%) |
| HSB / HSV | hsv(211.43 64.81% 63.53%) |
| HWB | hwb(211.43 22.35% 36.47%) |
| CMYK | cmyk(65% 34% 0% 36%) |
| Lab | lab(43.71 -3.55 -35.35) |
| LCH | lch(43.71 35.53 264.26) |
| OKLab | oklab(51.887% -0.03119 -0.09817) |
| OKLCH | oklch(51.887% 0.103 252.374) |
| Display P3 | color(display-p3 0.27114 0.41484 0.6183) |
| Rec. 2020 | color(rec2020 0.27219 0.35761 0.57471) |
| Adobe RGB | color(a98-rgb 0.30065 0.41823 0.62242) |
| ProPhoto RGB | color(prophoto-rgb 0.30932 0.33893 0.54077) |
| Linear sRGB | color(srgb-linear 0.04092 0.14703 0.36131) |
| XYZ D65 | color(xyz-d65 0.13466 0.13993 0.36175) |
| XYZ D50 | color(xyz-d50 0.12616 0.13641 0.27285) |
| SwiftUI | Color(red: 0.224, green: 0.42, blue: 0.635) |
| UIKit | UIColor(red: 0.224, green: 0.42, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF396BA2) |
| Android XML | #396BA2 |

## Facts

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

## Tints

#396ba2, #4d79ac, #6088b5, #7396bf, #86a5c8, #9ab4d1, #aec2db, #c2d1e4, #d6e0ed, #eaf0f6

## Shades

#396ba2, #305c8c, #284e77, #1f3f63, #17324f, #10253c, #09182a, #040d19, #01040a, #000001

## Tones

#396ba2, #3f6b9c, #446b97, #4a6b91, #4f6b8c, #536b86, #586a80, #5c6a7a, #606a74, #64696f

## Harmonies

- Complementary: #396ba2, #8c5e14
- Split: #396ba2, #995336, #746a11
- Analogous: #396ba2, #007593, #6060a2
- Triadic: #396ba2, #9a4d58, #517533
- Tetradic: #396ba2, #7d5693, #8c5e14, #517533
- Square: #396ba2, #904f79, #8c5e14, #1c7b56
- Monochromatic: #396ba2, #002759, #15487d, #5c8fc9, #80b5f1

## Questions about #396ba2

### What color is #396ba2?

#396ba2 is soft blue. The closest named color is Star Sapphire. In RGB it is rgb(57, 107, 162), in HSL hsl(211.43, 47.95%, 42.94%) and in OKLCH oklch(51.887% 0.103 252.374).

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

The complementary color of #396ba2 is #8c5e14. For a calmer combination use the analogous colors #007593 and #6060a2. The triadic partners are #9a4d58 and #517533.

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

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

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

#396ba2 is a cool color. In OKLCH its hue is 252 degrees, its lightness 51.9% and its chroma 0.103.