# #669cda color: Blue Bay

#669cda is rgb(102, 156, 218) in RGB and oklch(68.083% 0.10875 252.764) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #669cda |
| RGB | rgb(102, 156, 218) |
| HSL | hsl(212.07, 61.05%, 62.75%) |
| HSB / HSV | hsv(212.07 53.21% 85.49%) |
| HWB | hwb(212.07 40% 14.51%) |
| CMYK | cmyk(53% 28% 0% 15%) |
| Lab | lab(62.54 -4.98 -37.67) |
| LCH | lch(62.54 37.99 262.47) |
| OKLab | oklab(68.083% -0.03222 -0.10387) |
| OKLCH | oklch(68.083% 0.10875 252.764) |
| Display P3 | color(display-p3 0.4471 0.6062 0.83491) |
| Rec. 2020 | color(rec2020 0.4605 0.56165 0.81212) |
| Adobe RGB | color(a98-rgb 0.46963 0.60608 0.84247) |
| ProPhoto RGB | color(prophoto-rgb 0.49169 0.53393 0.78591) |
| Linear sRGB | color(srgb-linear 0.13287 0.33245 0.7011) |
| XYZ D65 | color(xyz-d65 0.30021 0.31663 0.70861) |
| XYZ D50 | color(xyz-d50 0.2863 0.31039 0.53478) |
| SwiftUI | Color(red: 0.4, green: 0.612, blue: 0.855) |
| UIKit | UIColor(red: 0.4, green: 0.612, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF669CDA) |
| Android XML | #669CDA |

## 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.33:1

## Tints

#669cda, #75a6de, #85b0e2, #94bae6, #a3c4ea, #b2ceee, #c1d7f2, #d1e1f5, #e0ebf9, #eff5fc

## Shades

#669cda, #5887bd, #4a73a2, #3c5f87, #2f4c6c, #233954, #17283c, #0c1825, #040911, #000102

## Tones

#669cda, #6c9cd4, #719ccd, #779cc7, #7c9bc0, #819bba, #869bb3, #8b9aad, #8f9aa6, #94999f

## Harmonies

- Complementary: #669cda, #c18d46
- Split: #669cda, #d18161, #a59b45
- Analogous: #669cda, #39a7c9, #8f8fda
- Triadic: #669cda, #d27b86, #7ea75f
- Tetradic: #669cda, #b084c9, #c18d46, #7ea75f
- Square: #669cda, #c77daa, #c18d46, #50ad85
- Monochromatic: #669cda, #1f548d, #4277b3, #8bc2ff, #c9e8ff

## Questions about #669cda

### What color is #669cda?

#669cda is soft blue. The closest named color is Blue Bay. In RGB it is rgb(102, 156, 218), in HSL hsl(212.07, 61.05%, 62.75%) and in OKLCH oklch(68.083% 0.10875 252.764).

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

The complementary color of #669cda is #c18d46. For a calmer combination use the analogous colors #39a7c9 and #8f8fda. The triadic partners are #d27b86 and #7ea75f.

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

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

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

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