# #336aa4 color: In the Nick

#336aa4 is rgb(51, 106, 164) in RGB and oklch(51.512% 0.10923 251.798) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/336aa4

## Formats

| Format | Value |
| --- | --- |
| HEX | #336aa4 |
| RGB | rgb(51, 106, 164) |
| HSL | hsl(210.8, 52.56%, 42.16%) |
| HSB / HSV | hsv(210.8 68.9% 64.31%) |
| HWB | hwb(210.8 20% 35.69%) |
| CMYK | cmyk(69% 35% 0% 36%) |
| Lab | lab(43.24 -3.61 -37.29) |
| LCH | lch(43.24 37.46 264.47) |
| OKLab | oklab(51.512% -0.03412 -0.10376) |
| OKLCH | oklch(51.512% 0.10923 251.798) |
| Display P3 | color(display-p3 0.25479 0.41063 0.62541) |
| Rec. 2020 | color(rec2020 0.26191 0.35311 0.58231) |
| Adobe RGB | color(a98-rgb 0.28801 0.41446 0.62991) |
| ProPhoto RGB | color(prophoto-rgb 0.30404 0.33492 0.54811) |
| Linear sRGB | color(srgb-linear 0.0331 0.14413 0.37124) |
| XYZ D65 | color(xyz-d65 0.13219 0.13692 0.37069) |
| XYZ D50 | color(xyz-d50 0.12306 0.13319 0.27955) |
| SwiftUI | Color(red: 0.2, green: 0.416, blue: 0.643) |
| UIKit | UIColor(red: 0.2, green: 0.416, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF336AA4) |
| Android XML | #336AA4 |

## Facts

- Closest name: In the Nick
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.62:1
- Contrast with black: 3.74:1

## Tints

#336aa4, #4879ae, #5c87b7, #7096c0, #84a4ca, #98b3d3, #acc2dc, #c0d1e5, #d5e0ee, #eaf0f6

## Shades

#336aa4, #2b5b8e, #234d79, #1c3f64, #143150, #0d243d, #07182b, #030d1a, #01040a, #000001

## Tones

#336aa4, #3a6a9e, #406a98, #466a92, #4b6a8c, #506a86, #556a80, #5a697a, #5f6974, #63686e

## Harmonies

- Complementary: #336aa4, #8e5b03
- Split: #336aa4, #9b5032, #756900
- Analogous: #336aa4, #007494, #5e5ea4
- Triadic: #336aa4, #9c4a57, #50742c
- Tetradic: #336aa4, #7c5495, #8e5b03, #50742c
- Square: #336aa4, #914c79, #8e5b03, #0f7a54
- Monochromatic: #336aa4, #00265a, #0b477e, #578ecb, #7bb4f3

## Questions about #336aa4

### What color is #336aa4?

#336aa4 is bright blue. The closest named color is In the Nick. In RGB it is rgb(51, 106, 164), in HSL hsl(210.8, 52.56%, 42.16%) and in OKLCH oklch(51.512% 0.10923 251.798).

### What colors go well with #336aa4?

The complementary color of #336aa4 is #8e5b03. For a calmer combination use the analogous colors #007494 and #5e5ea4. The triadic partners are #9c4a57 and #50742c.

### Is white or black text more readable on #336aa4?

White text reads better on #336aa4: white gives a contrast ratio of 5.62:1 and black gives 3.74:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #336aa4 a warm or cool color?

#336aa4 is a cool color. In OKLCH its hue is 252 degrees, its lightness 51.5% and its chroma 0.109.