# #336aaa color: In the Nick

#336aaa is rgb(51, 106, 170) in RGB and oklch(51.868% 0.1172 253.888) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #336aaa |
| RGB | rgb(51, 106, 170) |
| HSL | hsl(212.27, 53.85%, 43.33%) |
| HSB / HSV | hsv(212.27 70% 66.67%) |
| HWB | hwb(212.27 20% 33.33%) |
| CMYK | cmyk(70% 38% 0% 33%) |
| Lab | lab(43.52 -1.83 -40.37) |
| LCH | lch(43.52 40.41 267.4) |
| OKLab | oklab(51.868% -0.03253 -0.1126) |
| OKLCH | oklch(51.868% 0.1172 253.888) |
| Display P3 | color(display-p3 0.25479 0.41063 0.64764) |
| Rec. 2020 | color(rec2020 0.26447 0.35362 0.60622) |
| Adobe RGB | color(a98-rgb 0.28801 0.41446 0.65275) |
| ProPhoto RGB | color(prophoto-rgb 0.31021 0.33607 0.57161) |
| Linear sRGB | color(srgb-linear 0.0331 0.14413 0.40198) |
| XYZ D65 | color(xyz-d65 0.13774 0.13914 0.39991) |
| XYZ D50 | color(xyz-d50 0.12746 0.13506 0.30151) |
| SwiftUI | Color(red: 0.2, green: 0.416, blue: 0.667) |
| UIKit | UIColor(red: 0.2, green: 0.416, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF336AAA) |
| Android XML | #336AAA |

## 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.55:1
- Contrast with black: 3.78:1

## Tints

#336aaa, #4879b3, #5c87bc, #7096c5, #84a5cd, #98b3d6, #acc2de, #c0d1e7, #d5e0ef, #eaf0f7

## Shades

#336aaa, #2b5b93, #234d7d, #1c3f68, #143153, #0d243f, #07182d, #030d1b, #01040b, #000001

## Tones

#336aaa, #3a6aa4, #406b9d, #466b97, #4c6b90, #516b8a, #566a83, #5b6a7d, #5f6a76, #64696f

## Harmonies

- Complementary: #336aaa, #905c00
- Split: #336aaa, #9f4f2a, #746b00
- Analogous: #336aaa, #00759a, #615da9
- Triadic: #336aaa, #a04854, #4b772a
- Tetradic: #336aaa, #815297, #905c00, #4b772a
- Square: #336aaa, #964a79, #905c00, #007d56
- Monochromatic: #336aaa, #002560, #0c4784, #578ed1, #7bb4fa

## Questions about #336aaa

### What color is #336aaa?

#336aaa is bright blue. The closest named color is In the Nick. In RGB it is rgb(51, 106, 170), in HSL hsl(212.27, 53.85%, 43.33%) and in OKLCH oklch(51.868% 0.1172 253.888).

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

The complementary color of #336aaa is #905c00. For a calmer combination use the analogous colors #00759a and #615da9. The triadic partners are #a04854 and #4b772a.

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

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

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

#336aaa is a cool color. In OKLCH its hue is 254 degrees, its lightness 51.9% and its chroma 0.117.