# #669cdb color: Blue Bay

#669cdb is rgb(102, 156, 219) in RGB and oklch(68.132% 0.11001 253.127) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/669cdb

## Formats

| Format | Value |
| --- | --- |
| HEX | #669cdb |
| RGB | rgb(102, 156, 219) |
| HSL | hsl(212.31, 61.9%, 62.94%) |
| HSB / HSV | hsv(212.31 53.42% 85.88%) |
| HWB | hwb(212.31 40% 14.12%) |
| CMYK | cmyk(53% 29% 0% 14%) |
| Lab | lab(62.58 -4.74 -38.16) |
| LCH | lch(62.58 38.45 262.93) |
| OKLab | oklab(68.132% -0.03193 -0.10528) |
| OKLCH | oklch(68.132% 0.11001 253.127) |
| Display P3 | color(display-p3 0.4471 0.6062 0.8386) |
| Rec. 2020 | color(rec2020 0.46085 0.56172 0.81616) |
| Adobe RGB | color(a98-rgb 0.46963 0.60608 0.84635) |
| ProPhoto RGB | color(prophoto-rgb 0.49269 0.53412 0.79014) |
| Linear sRGB | color(srgb-linear 0.13287 0.33245 0.70838) |
| XYZ D65 | color(xyz-d65 0.30152 0.31715 0.71553) |
| XYZ D50 | color(xyz-d50 0.28734 0.31083 0.53998) |
| SwiftUI | Color(red: 0.4, green: 0.612, blue: 0.859) |
| UIKit | UIColor(red: 0.4, green: 0.612, blue: 0.859, alpha: 1) |
| Flutter / Compose | Color(0xFF669CDB) |
| Android XML | #669CDB |

## Facts

- Closest name: Blue Bay
- Hue family: Blue, soft blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.86:1
- Contrast with black: 7.34:1

## Tints

#669cdb, #75a6df, #85b0e3, #94bae7, #a3c4eb, #b2ceef, #c1d7f2, #d1e1f5, #e0ebf9, #eff5fc

## Shades

#669cdb, #5887be, #4a73a2, #3c5f87, #2f4c6d, #233954, #17283c, #0c1826, #040911, #000102

## Tones

#669cdb, #6c9cd5, #719cce, #779cc8, #7c9cc1, #819bba, #869bb4, #8b9aad, #8f9aa6, #94999f

## Harmonies

- Complementary: #669cdb, #c28d44
- Split: #669cdb, #d18160, #a59b43
- Analogous: #669cdb, #37a7ca, #8f8fdb
- Triadic: #669cdb, #d37b85, #7da75f
- Tetradic: #669cdb, #b184c9, #c28d44, #7da75f
- Square: #669cdb, #c87caa, #c28d44, #4eae85
- Monochromatic: #669cdb, #1f548e, #4277b4, #8bc2ff, #c9e8ff

## Questions about #669cdb

### What color is #669cdb?

#669cdb is soft blue. The closest named color is Blue Bay. In RGB it is rgb(102, 156, 219), in HSL hsl(212.31, 61.9%, 62.94%) and in OKLCH oklch(68.132% 0.11001 253.127).

### What colors go well with #669cdb?

The complementary color of #669cdb is #c28d44. For a calmer combination use the analogous colors #37a7ca and #8f8fdb. The triadic partners are #d37b85 and #7da75f.

### Is white or black text more readable on #669cdb?

Black text reads better on #669cdb: white gives a contrast ratio of 2.86:1 and black gives 7.34:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #669cdb a warm or cool color?

#669cdb is a cool color. In OKLCH its hue is 253 degrees, its lightness 68.1% and its chroma 0.11.