HEX #00BAF0 color — Cerulean

The color #00BAF0 is a light shade and highly saturated.

Color codes

copy icon
copy icon
copy icon

Palette

00BAF0 color palette from light to dark

HEX RGB HSL
#f0fbff rgb(240,251,255) hsl(194,100%,97%)
#d6f5ff rgb(214,245,255) hsl(194,100%,92%)
#bdf0ff rgb(189,240,255) hsl(194,100%,87%)
#a3eaff rgb(163,234,255) hsl(194,100%,82%)
#8ae4ff rgb(138,228,255) hsl(194,100%,77%)
#70deff rgb(112,222,255) hsl(194,100%,72%)
#57d8ff rgb(87,216,255) hsl(194,100%,67%)
#3dd2ff rgb(61,210,255) hsl(194,100%,62%)
#24ccff rgb(36,204,255) hsl(194,100%,57%)
#0ac6ff rgb(10,198,255) hsl(194,100%,52%)
#00b8f0 rgb(0,184,240) hsl(194,100%,47%)
#00a4d6 rgb(0,164,214) hsl(194,100%,42%)
#0091bd rgb(0,145,189) hsl(194,100%,37%)
#007da3 rgb(0,125,163) hsl(194,100%,32%)
#006a8a rgb(0,106,138) hsl(194,100%,27%)
#005670 rgb(0,86,112) hsl(194,100%,22%)
#004257 rgb(0,66,87) hsl(194,100%,17%)
#002f3d rgb(0,47,61) hsl(194,100%,12%)
#001b24 rgb(0,27,36) hsl(194,100%,7%)
#00080a rgb(0,8,10) hsl(194,100%,2%)

Adjacent colors

HEX RGB HSL
#00F086 rgb(0,240,134) hsl(154,100%,47%)
#00BAF0 rgb(0,186,240) hsl(194,100%,47%)
#001AF0 rgb(0,26,240) hsl(234,100%,47%)

Monochromatic colors

HEX RGB HSL
#3DD4FF rgb(61,212,255) hsl(193,100%,62%)
#17CCFF rgb(23,204,255) hsl(193,100%,55%)
#00BAF0 rgb(0,186,240) hsl(194,100%,47%)
#009CC9 rgb(0,156,201) hsl(193,100%,39%)
#0080A3 rgb(0,128,163) hsl(193,100%,32%)
#00617C rgb(0,97,124) hsl(193,100%,24%)

Triad color palettes

HEX RGB HSL
#00BAF0 rgb(0,186,240) hsl(194,100%,47%)
#F00042 rgb(240,0,66) hsl(344,100%,47%)
#F0AD00 rgb(240,173,0) hsl(43,100%,47%)

Tetrad color palettes

HEX RGB HSL
#00BAF0 rgb(0,186,240) hsl(194,100%,47%)
#F03600 rgb(240,54,0) hsl(14,100%,47%)
#00F0AE rgb(0,240,174) hsl(164,100%,47%)
#F0AD00 rgb(240,173,0) hsl(43,100%,47%)