# #306aaa color: In the Nick

#306aaa is rgb(48, 106, 170) in RGB and oklch(51.753% 0.11835 252.984) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #306aaa |
| RGB | rgb(48, 106, 170) |
| HSL | hsl(211.48, 55.96%, 42.75%) |
| HSB / HSV | hsv(211.48 71.76% 66.67%) |
| HWB | hwb(211.48 18.82% 33.33%) |
| CMYK | cmyk(72% 38% 0% 33%) |
| Lab | lab(43.4 -2.37 -40.56) |
| LCH | lch(43.4 40.63 266.66) |
| OKLab | oklab(51.753% -0.03463 -0.11317) |
| OKLCH | oklch(51.753% 0.11835 252.984) |
| Display P3 | color(display-p3 0.24754 0.41047 0.64759) |
| Rec. 2020 | color(rec2020 0.26018 0.35326 0.60617) |
| Adobe RGB | color(a98-rgb 0.28282 0.41446 0.65275) |
| ProPhoto RGB | color(prophoto-rgb 0.30754 0.33561 0.57156) |
| Linear sRGB | color(srgb-linear 0.02956 0.14413 0.40198) |
| XYZ D65 | color(xyz-d65 0.13628 0.13838 0.39984) |
| XYZ D50 | color(xyz-d50 0.12591 0.13427 0.30146) |
| SwiftUI | Color(red: 0.188, green: 0.416, blue: 0.667) |
| UIKit | UIColor(red: 0.188, green: 0.416, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF306AAA) |
| Android XML | #306AAA |

## 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.57:1
- Contrast with black: 3.77:1

## Tints

#306aaa, #4679b3, #5a87bc, #6e96c5, #82a5cd, #97b4d6, #abc2de, #c0d1e7, #d4e1ef, #eaf0f7

## Shades

#306aaa, #285b93, #214d7d, #1a3f68, #133153, #0c243f, #06182d, #030d1b, #01040b, #000001

## Tones

#306aaa, #386aa4, #3e6b9d, #446b97, #4a6b90, #506a8a, #556a83, #5a6a7d, #5f6976, #64696f

## Harmonies

- Complementary: #306aaa, #905b00
- Split: #306aaa, #9f4e2a, #756a00
- Analogous: #306aaa, #007599, #605daa
- Triadic: #306aaa, #a04755, #4c7627
- Tetradic: #306aaa, #805298, #905b00, #4c7627
- Square: #306aaa, #95497a, #905b00, #007d54
- Monochromatic: #306aaa, #002560, #054784, #548ed1, #78b4fa

## Questions about #306aaa

### What color is #306aaa?

#306aaa is bright blue. The closest named color is In the Nick. In RGB it is rgb(48, 106, 170), in HSL hsl(211.48, 55.96%, 42.75%) and in OKLCH oklch(51.753% 0.11835 252.984).

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

The complementary color of #306aaa is #905b00. For a calmer combination use the analogous colors #007599 and #605daa. The triadic partners are #a04755 and #4c7627.

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

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

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

#306aaa is a cool color. In OKLCH its hue is 253 degrees, its lightness 51.8% and its chroma 0.118.