Skip to the color picker

#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.

Read as HEX

212°
100%

68.1%
0.109
253°
  • Blue
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • blue-400
  • Black 15%

Inside sRGB: displays the same on any screen.

White text
2.86:1Hard to read
Lc -60
Black text
7.33:1Readable · AA
Lc 49

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #669cda

#669cda is a soft blue color. In OKLCH it has 68.1% lightness, 0.109 chroma and a hue of 253°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.86:1 contrast and black text 7.33:1, so black text reads better.

The closest named color is Blue Bay (#619ad6). In Tailwind CSS the closest color is blue-400.

More medium blue colors

Lighter: #669cda mixed with white

  1. 669cda
  2. 75a6de
  3. 85b0e2
  4. 94bae6
  5. a3c4ea
  6. b2ceee
  7. c1d7f2
  8. d1e1f5
  9. e0ebf9
  10. eff5fc

Darker: #669cda mixed with black

  1. 669cda
  2. 5887bd
  3. 4a73a2
  4. 3c5f87
  5. 2f4c6c
  6. 233954
  7. 17283c
  8. 0c1825
  9. 040911
  10. 000102

Calmer: #669cda with less saturation

  1. 669cda
  2. 6c9cd4
  3. 719ccd
  4. 779cc7
  5. 7c9bc0
  6. 819bba
  7. 869bb3
  8. 8b9aad
  9. 8f9aa6
  10. 94999f

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.