#059BDC

Color Details

HEX
#059BDC
RGB
rgb(5, 155, 220)
HSL
hsl(198, 96%, 44%)
CMYK
cmyk(98%, 30%, 0%, 14%)
Best text on this color #000000 (CR 6.73:1) Determined by WCAG contrast ratio

Readability Previews

Black on #059bdc
Contrast 6.73:1 AA
White on #059bdc
Contrast 3.12:1 Fail
#059bdc on Black
Contrast 6.73:1 AA
#059bdc on White
Contrast 3.12:1 Fail

Tints & Shades

#37afe3
#69c3ea
#9bd7f1
#047cb0
#035d84
#023e58

Complement & Analogous

#dc4504
#0430dc
#04dcb1

Triadic

#dc049b
#9bdc04

Monochrome

#023e58 #035d84 #059bdc #69c3ea #9bd7f1 #cdebf8

Analogous

#04dcb1 #4fe7c8 #059bdc #3659e3 #0430dc #0326b0

Complementary Mix

#035d84 #059bdc #69c3ea #dc4504 #e8865c #8f2d03

Nearby Colors

#059bdb
#059bdd
#059bcc
#059bec

Embed #059BDC swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #059BDC

#059BDC converts to RGB(5, 155, 220) and HSL(198, 96%, 44%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#059BDC FAQs

What is the RGB value of #059BDC?
RGB: 5, 155, 220. Copy as CSS: rgb(5, 155, 220)
Is #059BDC a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #059BDC?
Complement: #dc4504.
Does #059BDC have good contrast on white or black?
On white: 3.12:1 (AA (large text)). On black: 6.73:1 (AA (normal text)).