HEX #00BAF3 color — Cerulean
The color #00BAF3 is a light shade and highly saturated.
Palette
00BAF3 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 |
#00F28A |
rgb(0,242,138) |
hsl(154,100%,47%) |
#00BAF3 |
rgb(0,186,243) |
hsl(194,100%,48%) |
#0017F3 |
rgb(0,23,243) |
hsl(234,100%,48%) |
Monochromatic colors
HEX |
RGB |
HSL |
#41D4FF |
rgb(65,212,255) |
hsl(194,100%,63%) |
#1AC9FF |
rgb(26,201,255) |
hsl(194,100%,55%) |
#00BAF3 |
rgb(0,186,243) |
hsl(194,100%,48%) |
#009CCC |
rgb(0,156,204) |
hsl(194,100%,40%) |
#0080A5 |
rgb(0,128,165) |
hsl(193,100%,32%) |
#00617E |
rgb(0,97,126) |
hsl(194,100%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#00BAF3 |
rgb(0,186,243) |
hsl(194,100%,48%) |
#F30040 |
rgb(243,0,64) |
hsl(344,100%,48%) |
#F3B300 |
rgb(243,179,0) |
hsl(44,100%,48%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#00BAF3 |
rgb(0,186,243) |
hsl(194,100%,48%) |
#F33800 |
rgb(243,56,0) |
hsl(14,100%,48%) |
#00F2B2 |
rgb(0,242,178) |
hsl(164,100%,47%) |
#F3B300 |
rgb(243,179,0) |
hsl(44,100%,48%) |