# #166bbc color: Beautiful Blue

#166bbc is rgb(22, 107, 188) in RGB and oklch(52.437% 0.14802 252.51) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/166bbc

## Formats

| Format | Value |
| --- | --- |
| HEX | #166bbc |
| RGB | rgb(22, 107, 188) |
| HSL | hsl(209.28, 79.05%, 41.18%) |
| HSB / HSV | hsv(209.28 88.3% 73.73%) |
| HWB | hwb(209.28 8.63% 26.27%) |
| CMYK | cmyk(88% 43% 0% 26%) |
| Lab | lab(43.9 -0.44 -50.29) |
| LCH | lch(43.9 50.29 269.5) |
| OKLab | oklab(52.437% -0.04449 -0.14118) |
| OKLCH | oklch(52.437% 0.14802 252.51) |
| Display P3 | color(display-p3 0.1987 0.41334 0.71433) |
| Rec. 2020 | color(rec2020 0.24386 0.35664 0.67841) |
| Adobe RGB | color(a98-rgb 0.25049 0.41823 0.7218) |
| ProPhoto RGB | color(prophoto-rgb 0.31284 0.33992 0.64382) |
| Linear sRGB | color(srgb-linear 0.00802 0.14703 0.50289) |
| XYZ D65 | color(xyz-d65 0.14664 0.14316 0.49569) |
| XYZ D50 | color(xyz-d50 0.13208 0.13767 0.3735) |
| SwiftUI | Color(red: 0.086, green: 0.42, blue: 0.737) |
| UIKit | UIColor(red: 0.086, green: 0.42, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF166BBC) |
| Android XML | #166BBC |

## Facts

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

## Tints

#166bbc, #357ac4, #4e89cb, #6498d2, #7aa7d9, #90b5e0, #a6c4e7, #bcd3ed, #d2e1f3, #e8f0f9

## Shades

#166bbc, #125ca3, #0d4e8b, #093f73, #06325d, #032547, #021832, #010d1f, #00040d, #000002

## Tones

#166bbc, #266cb4, #316cac, #3a6da4, #436d9c, #4a6d94, #516c8c, #586c84, #5e6c7b, #646b73

## Harmonies

- Complementary: #166bbc, #975b00
- Split: #166bbc, #ad4511, #796c00
- Analogous: #166bbc, #00789b, #605bbc
- Triadic: #166bbc, #ae3d52, #477b00
- Tetradic: #166bbc, #874ca6, #975b00, #477b00
- Square: #166bbc, #a14181, #975b00, #008251
- Monochromatic: #166bbc, #002666, #004795, #4290e4, #69b6ff

## Questions about #166bbc

### What color is #166bbc?

#166bbc is bright blue. The closest named color is Beautiful Blue. In RGB it is rgb(22, 107, 188), in HSL hsl(209.28, 79.05%, 41.18%) and in OKLCH oklch(52.437% 0.14802 252.51).

### What colors go well with #166bbc?

The complementary color of #166bbc is #975b00. For a calmer combination use the analogous colors #00789b and #605bbc. The triadic partners are #ae3d52 and #477b00.

### Is white or black text more readable on #166bbc?

White text reads better on #166bbc: white gives a contrast ratio of 5.44:1 and black gives 3.86:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #166bbc a warm or cool color?

#166bbc is a cool color. In OKLCH its hue is 253 degrees, its lightness 52.4% and its chroma 0.148.