# #314c8a color: Blue Highlight

#314c8a is rgb(49, 76, 138) in RGB and oklch(42.827% 0.10792 264.569) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/314c8a

## Formats

| Format | Value |
| --- | --- |
| HEX | #314c8a |
| RGB | rgb(49, 76, 138) |
| HSL | hsl(221.8, 47.59%, 36.67%) |
| HSB / HSV | hsv(221.8 64.49% 54.12%) |
| HWB | hwb(221.8 19.22% 45.88%) |
| CMYK | cmyk(64% 45% 0% 46%) |
| Lab | lab(32.71 5.9 -38.37) |
| LCH | lch(32.71 38.82 278.73) |
| OKLab | oklab(42.827% -0.01021 -0.10743) |
| OKLCH | oklch(42.827% 0.10792 264.569) |
| Display P3 | color(display-p3 0.21535 0.29522 0.52424) |
| Rec. 2020 | color(rec2020 0.19648 0.23603 0.47306) |
| Adobe RGB | color(a98-rgb 0.23799 0.30281 0.52916) |
| ProPhoto RGB | color(prophoto-rgb 0.23863 0.23417 0.44089) |
| Linear sRGB | color(srgb-linear 0.03071 0.07227 0.25415) |
| XYZ D65 | color(xyz-d65 0.08438 0.07657 0.25079) |
| XYZ D50 | color(xyz-d50 0.07759 0.07405 0.18893) |
| SwiftUI | Color(red: 0.192, green: 0.298, blue: 0.541) |
| UIKit | UIColor(red: 0.192, green: 0.298, blue: 0.541, alpha: 1) |
| Flutter / Compose | Color(0xFF314C8A) |
| Android XML | #314C8A |

## Facts

- Closest name: Blue Highlight
- Hue family: Blue, soft dark blue
- Closest Tailwind class: sky-800
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 8.3:1
- Contrast with black: 2.53:1

## Tints

#314c8a, #435d96, #566ea2, #6a80ae, #7e91ba, #92a3c5, #a7b5d1, #bcc7dd, #d2d9e8, #e8ecf4

## Shades

#314c8a, #294177, #223665, #1a2c53, #132242, #0c1832, #060f22, #030614, #010207, #000001

## Tones

#314c8a, #344d84, #374e7f, #3a4e79, #3d4f73, #414f6d, #444f67, #464f62, #494f5c, #4c4f55

## Harmonies

- Complementary: #314c8a, #6a4900
- Split: #314c8a, #7b3b00, #4f5500
- Analogous: #314c8a, #005781, #544184
- Triadic: #314c8a, #803330, #215e26
- Tetradic: #314c8a, #6c3870, #6a4900, #215e26
- Square: #314c8a, #7b3253, #6a4900, #00614c
- Monochromatic: #314c8a, #010842, #132b65, #516fb0, #7393d7

## Questions about #314c8a

### What color is #314c8a?

#314c8a is soft dark blue. The closest named color is Blue Highlight. In RGB it is rgb(49, 76, 138), in HSL hsl(221.8, 47.59%, 36.67%) and in OKLCH oklch(42.827% 0.10792 264.569).

### What colors go well with #314c8a?

The complementary color of #314c8a is #6a4900. For a calmer combination use the analogous colors #005781 and #544184. The triadic partners are #803330 and #215e26.

### Is white or black text more readable on #314c8a?

White text reads better on #314c8a: white gives a contrast ratio of 8.3:1 and black gives 2.53:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #314c8a a warm or cool color?

#314c8a is a cool color. In OKLCH its hue is 265 degrees, its lightness 42.8% and its chroma 0.108.