# #669cdd color: Blue Bay

#669cdd is rgb(102, 156, 221) in RGB and oklch(68.23% 0.11254 253.825) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #669cdd |
| RGB | rgb(102, 156, 221) |
| HSL | hsl(212.77, 63.64%, 63.33%) |
| HSB / HSV | hsv(212.77 53.85% 86.67%) |
| HWB | hwb(212.77 40% 13.33%) |
| CMYK | cmyk(54% 29% 0% 13%) |
| Lab | lab(62.65 -4.25 -39.15) |
| LCH | lch(62.65 39.38 263.81) |
| OKLab | oklab(68.23% -0.03135 -0.10809) |
| OKLCH | oklch(68.23% 0.11254 253.825) |
| Display P3 | color(display-p3 0.4471 0.6062 0.84597) |
| Rec. 2020 | color(rec2020 0.46157 0.56188 0.82425) |
| Adobe RGB | color(a98-rgb 0.46963 0.60608 0.85413) |
| ProPhoto RGB | color(prophoto-rgb 0.4947 0.5345 0.79862) |
| Linear sRGB | color(srgb-linear 0.13287 0.33245 0.72306) |
| XYZ D65 | color(xyz-d65 0.30417 0.31821 0.72948) |
| XYZ D50 | color(xyz-d50 0.28944 0.31172 0.55046) |
| SwiftUI | Color(red: 0.4, green: 0.612, blue: 0.867) |
| UIKit | UIColor(red: 0.4, green: 0.612, blue: 0.867, alpha: 1) |
| Flutter / Compose | Color(0xFF669CDD) |
| Android XML | #669CDD |

## 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.85:1
- Contrast with black: 7.36:1

## Tints

#669cdd, #75a6e1, #85b0e5, #94bae9, #a3c4ec, #b2cef0, #c1d7f3, #d1e1f6, #e0ebf9, #eff5fc

## Shades

#669cdd, #5887c0, #4a73a4, #3c5f88, #2f4c6e, #233955, #17283d, #0c1826, #040911, #000102

## Tones

#669cdd, #6c9cd6, #719cd0, #779cc9, #7c9cc2, #819bbc, #869bb5, #8b9bae, #909aa7, #9499a0

## Harmonies

- Complementary: #669cdd, #c28e41
- Split: #669cdd, #d3815e, #a59c41
- Analogous: #669cdd, #35a7cc, #908fdc
- Triadic: #669cdd, #d57b84, #7ca85e
- Tetradic: #669cdd, #b283ca, #c28e41, #7ca85e
- Square: #669cdd, #c97caa, #c28e41, #4aaf86
- Monochromatic: #669cdd, #1f548f, #4277b6, #8bc2ff, #cae8ff

## Questions about #669cdd

### What color is #669cdd?

#669cdd is soft blue. The closest named color is Blue Bay. In RGB it is rgb(102, 156, 221), in HSL hsl(212.77, 63.64%, 63.33%) and in OKLCH oklch(68.23% 0.11254 253.825).

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

The complementary color of #669cdd is #c28e41. For a calmer combination use the analogous colors #35a7cc and #908fdc. The triadic partners are #d57b84 and #7ca85e.

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

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

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

#669cdd is a cool color. In OKLCH its hue is 254 degrees, its lightness 68.2% and its chroma 0.113.