Skip to the color picker

#33aadd color: Royal Peacock

#33aadd is rgb(51, 170, 221) in RGB and oklch(69.571% 0.12576 231.577) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

198°
100%

69.6%
0.126
232°
  • Sky blue
  • Medium
  • Vivid
  • Cool
  • ≈ Steel blue
  • cyan-500
  • Black 13%

Inside sRGB: displays the same on any screen.

White text
2.65:1Hard to read
Lc -56
Black text
7.93:1Readable · AA
Lc 53

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 #33aadd

#33aadd is a bright sky blue color. In OKLCH it has 69.6% lightness, 0.126 chroma and a hue of 232°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.65:1 contrast and black text 7.93:1, so black text reads better.

The closest named color is Royal Peacock (#27ace0). In Tailwind CSS the closest color is cyan-500.

More medium sky blue colors

Lighter: #33aadd mixed with white

  1. 33aadd
  2. 50b3e1
  3. 68bbe5
  4. 7dc4e8
  5. 91cdec
  6. a4d5ef
  7. b7def3
  8. c9e6f6
  9. dbeef9
  10. edf7fc

Darker: #33aadd mixed with black

  1. 33aadd
  2. 2b93c0
  3. 237da4
  4. 1c6888
  5. 14536e
  6. 0d3f55
  7. 072d3d
  8. 031b26
  9. 010b11
  10. 000102

Calmer: #33aadd with less saturation

  1. 33aadd
  2. 46a9d7
  3. 54a8d1
  4. 60a7ca
  5. 6ba6c4
  6. 75a5be
  7. 7ea3b7
  8. 86a2b1
  9. 8ea0aa
  10. 969fa4

Questions about #33aadd

What color is #33aadd?

#33aadd is bright sky blue. The closest named color is Royal Peacock. In RGB it is rgb(51, 170, 221), in HSL hsl(198, 71.43%, 53.33%) and in OKLCH oklch(69.571% 0.12576 231.577).

What colors go well with #33aadd?

The complementary color of #33aadd is #da854f. For a calmer combination use the analogous colors #00b3be and #719ceb. The triadic partners are #d87ba6 and #a0a43d.

Is white or black text more readable on #33aadd?

Black text reads better on #33aadd: white gives a contrast ratio of 2.65:1 and black gives 7.93:1. WCAG AA asks for at least 4.5:1 for body text.

Is #33aadd a warm or cool color?

#33aadd is a cool color. In OKLCH its hue is 232 degrees, its lightness 69.6% and its chroma 0.126.