# #396cda color: Enchanting Sapphire

#396cda is rgb(57, 108, 218) in RGB and oklch(55.737% 0.17764 263.148) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #396cda |
| RGB | rgb(57, 108, 218) |
| HSL | hsl(220.99, 68.51%, 53.92%) |
| HSB / HSV | hsv(220.99 73.85% 85.49%) |
| HWB | hwb(220.99 22.35% 14.51%) |
| CMYK | cmyk(74% 50% 0% 15%) |
| Lab | lab(46.86 12.64 -62.63) |
| LCH | lch(46.86 63.9 281.41) |
| OKLab | oklab(55.737% -0.02119 -0.17637) |
| OKLCH | oklch(55.737% 0.17764 263.148) |
| Display P3 | color(display-p3 0.27232 0.41868 0.82661) |
| Rec. 2020 | color(rec2020 0.30012 0.36697 0.80111) |
| Adobe RGB | color(a98-rgb 0.30225 0.422 0.83826) |
| ProPhoto RGB | color(prophoto-rgb 0.37331 0.35465 0.77027) |
| Linear sRGB | color(srgb-linear 0.04092 0.14996 0.7011) |
| XYZ D65 | color(xyz-d65 0.19703 0.16656 0.68509) |
| XYZ D50 | color(xyz-d50 0.17591 0.15911 0.51578) |
| SwiftUI | Color(red: 0.224, green: 0.424, blue: 0.855) |
| UIKit | UIColor(red: 0.224, green: 0.424, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF396CDA) |
| Android XML | #396CDA |

## Facts

- Closest name: Enchanting Sapphire
- Hue family: Blue, bright blue
- Closest Tailwind class: blue-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.85:1
- Contrast with black: 4.33:1

## Tints

#396cda, #4c7cdf, #5f8be4, #729ae8, #86a9ed, #99b7f1, #adc6f4, #c1d4f7, #d6e2fa, #eaf1fd

## Shades

#396cda, #305dbd, #284ea2, #1f4087, #17326c, #102554, #09193c, #040d25, #010411, #000002

## Tones

#396cda, #406ed0, #4670c6, #4c71bc, #5272b2, #5873a8, #5e749e, #637494, #697489, #6e747e

## Harmonies

- Complementary: #396cda, #996a00
- Split: #396cda, #ba5000, #757b00
- Analogous: #396cda, #007fb7, #7b58d0
- Triadic: #396cda, #c6393f, #148c1a
- Tetradic: #396cda, #a347ae, #996a00, #148c1a
- Square: #396cda, #bc3a7c, #996a00, #008b6d
- Monochromatic: #396cda, #001f8a, #1846b1, #5b92ff, #93bcff

## Questions about #396cda

### What color is #396cda?

#396cda is bright blue. The closest named color is Enchanting Sapphire. In RGB it is rgb(57, 108, 218), in HSL hsl(220.99, 68.51%, 53.92%) and in OKLCH oklch(55.737% 0.17764 263.148).

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

The complementary color of #396cda is #996a00. For a calmer combination use the analogous colors #007fb7 and #7b58d0. The triadic partners are #c6393f and #148c1a.

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

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

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

#396cda is a cool color. In OKLCH its hue is 263 degrees, its lightness 55.7% and its chroma 0.178.