#30A5FD

48, 165, 253

#30A5FD

Custom color #30A5FD with RGB values 48, 165, 253.

HEX#30A5FD
RGB48, 165, 253
HSL206°, 98%, 59%
CMYK81%, 35%, 0%, 1%
CSS Variable--color: #30a5fd;
Use in GeneratorCheck ContrastView on Wheel

Shades of #30A5FD

#cce9ff

#9ad3fe

#67bdfe

#35a7fd

#0291fd

#0274ca

#015798

#013a65

#001d33

Tints of #30A5FD

#30a5fd

#47affd

#5db9fd

#74c3fe

#8bcdfe

#a2d6fe

#b8e0fe

#cfeaff

#e6f4ff

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.65:1
AA NormalFailAAAFail

Sample Text

On Black7.93:1
AA NormalPassAAAPass
Full contrast analysis →