HEX #00BAF5 color — Cerulean
The color #00BAF5 is a light shade and highly saturated.
Palette
00BAF5 color palette from light to dark
HEX |
RGB |
HSL |
#f5fdff |
rgb(245,253,255) |
hsl(194,100%,98%) |
#dbf7ff |
rgb(219,247,255) |
hsl(194,100%,93%) |
#c2f1ff |
rgb(194,241,255) |
hsl(194,100%,88%) |
#a8ebff |
rgb(168,235,255) |
hsl(194,100%,83%) |
#8fe5ff |
rgb(143,229,255) |
hsl(194,100%,78%) |
#75dfff |
rgb(117,223,255) |
hsl(194,100%,73%) |
#5cd9ff |
rgb(92,217,255) |
hsl(194,100%,68%) |
#42d3ff |
rgb(66,211,255) |
hsl(194,100%,63%) |
#29cdff |
rgb(41,205,255) |
hsl(194,100%,58%) |
#0fc7ff |
rgb(15,199,255) |
hsl(194,100%,53%) |
#00bcf5 |
rgb(0,188,245) |
hsl(194,100%,48%) |
#00a8db |
rgb(0,168,219) |
hsl(194,100%,43%) |
#0095c2 |
rgb(0,149,194) |
hsl(194,100%,38%) |
#0081a8 |
rgb(0,129,168) |
hsl(194,100%,33%) |
#006d8f |
rgb(0,109,143) |
hsl(194,100%,28%) |
#005a75 |
rgb(0,90,117) |
hsl(194,100%,23%) |
#00465c |
rgb(0,70,92) |
hsl(194,100%,18%) |
#003342 |
rgb(0,51,66) |
hsl(194,100%,13%) |
#001f29 |
rgb(0,31,41) |
hsl(194,100%,8%) |
#000c0f |
rgb(0,12,15) |
hsl(194,100%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#00F58C |
rgb(0,245,140) |
hsl(154,100%,48%) |
#00BAF5 |
rgb(0,186,245) |
hsl(194,100%,48%) |
#0017F5 |
rgb(0,23,245) |
hsl(234,100%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#44D1FF |
rgb(68,209,255) |
hsl(195,100%,63%) |
#1DC9FF |
rgb(29,201,255) |
hsl(194,100%,56%) |
#00BAF5 |
rgb(0,186,245) |
hsl(194,100%,48%) |
#009CCD |
rgb(0,156,205) |
hsl(194,100%,40%) |
#0080A6 |
rgb(0,128,166) |
hsl(194,100%,33%) |
#00617F |
rgb(0,97,127) |
hsl(194,100%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#00BAF5 |
rgb(0,186,245) |
hsl(194,100%,48%) |
#F5003F |
rgb(245,0,63) |
hsl(345,100%,48%) |
#F5B500 |
rgb(245,181,0) |
hsl(44,100%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#00BAF5 |
rgb(0,186,245) |
hsl(194,100%,48%) |
#F53B00 |
rgb(245,59,0) |
hsl(14,100%,48%) |
#00F5B5 |
rgb(0,245,181) |
hsl(164,100%,48%) |
#F5B500 |
rgb(245,181,0) |
hsl(44,100%,48%) |