# #304c8a color: Blue Highlight

#304c8a is rgb(48, 76, 138) in RGB and oklch(42.772% 0.10829 264.076) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #304c8a |
| RGB | rgb(48, 76, 138) |
| HSL | hsl(221.33, 48.39%, 36.47%) |
| HSB / HSV | hsv(221.33 65.22% 54.12%) |
| HWB | hwb(221.33 18.82% 45.88%) |
| CMYK | cmyk(65% 45% 0% 46%) |
| Lab | lab(32.66 5.67 -38.47) |
| LCH | lch(32.66 38.88 278.39) |
| OKLab | oklab(42.772% -0.01118 -0.10771) |
| OKLCH | oklch(42.772% 0.10829 264.076) |
| Display P3 | color(display-p3 0.21252 0.29514 0.52422) |
| Rec. 2020 | color(rec2020 0.19469 0.23586 0.47304) |
| Adobe RGB | color(a98-rgb 0.23588 0.30281 0.52916) |
| ProPhoto RGB | color(prophoto-rgb 0.23756 0.23396 0.44087) |
| Linear sRGB | color(srgb-linear 0.02956 0.07227 0.25415) |
| XYZ D65 | color(xyz-d65 0.0839 0.07632 0.25077) |
| XYZ D50 | color(xyz-d50 0.07709 0.07379 0.18892) |
| SwiftUI | Color(red: 0.188, green: 0.298, blue: 0.541) |
| UIKit | UIColor(red: 0.188, green: 0.298, blue: 0.541, alpha: 1) |
| Flutter / Compose | Color(0xFF304C8A) |
| Android XML | #304C8A |

## 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.31:1
- Contrast with black: 2.53:1

## Tints

#304c8a, #425d96, #556ea2, #6980ae, #7d91ba, #92a3c5, #a7b5d1, #bcc7dd, #d2dae8, #e8ecf4

## Shades

#304c8a, #284177, #213665, #1a2c53, #132242, #0c1832, #060f22, #030614, #010207, #000001

## Tones

#304c8a, #334d84, #374e7f, #3a4e79, #3d4f73, #404f6d, #434f67, #464f61, #494f5b, #4c4f55

## Harmonies

- Complementary: #304c8a, #6a4800
- Split: #304c8a, #7b3b00, #4f5500
- Analogous: #304c8a, #005781, #534184
- Triadic: #304c8a, #803231, #225e25
- Tetradic: #304c8a, #6b3870, #6a4800, #225e25
- Square: #304c8a, #7b3253, #6a4800, #00604b
- Monochromatic: #304c8a, #000842, #122b65, #506fb0, #7393d7

## Questions about #304c8a

### What color is #304c8a?

#304c8a is soft dark blue. The closest named color is Blue Highlight. In RGB it is rgb(48, 76, 138), in HSL hsl(221.33, 48.39%, 36.47%) and in OKLCH oklch(42.772% 0.10829 264.076).

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

The complementary color of #304c8a is #6a4800. For a calmer combination use the analogous colors #005781 and #534184. The triadic partners are #803231 and #225e25.

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

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

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

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