Created at 12/08/2023 14:38
#30a1df HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #30a1df | RGB(48, 161, 223) |
RGB values are RGB(48, 161, 223)
#30a1df color contain Red 18.82%, Green 63.14% and Blue 87.45%.
oklch(67.50% 0.1337 238.19)
#30a1df color contain Red 18.82%, Green 63.14% and Blue 87.45%.
oklch(67.50% 0.1337 238.19)
Classification of #30a1df color
#30a1df is Light and Cool Color Saturation 73%, lightness 53%.
Shade of dodgerblue
Alternative colors of #30a1df
Opposite Color for #30a1df is #df6d30
#30a1df Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #30a1df
Decimal
3187167
HEX
#30a1df
HSL
hsl(201, 73%, 53%)
HSLA
hsla(201, 73%, 53%, 1)
RGB
RGB(48, 161, 223)
RGBA
RGBA(48, 161, 223, 1)
Palettes for #30a1df color:
Below examples of color palettes for #30a1df HEX color
darkest color is #051016 from shades and lightest color is #eaf6fc from tints
Shades palette of #30a1df:
#2b91c9
#2681b2
#22719c
#1d6186
#185170
#134059
#0e3043
#0a202d
#051016
#000000
Tints palette of #30a1df:
#45aae2
#59b4e5
#6ebde9
#83c7ec
#98d0ef
#acd9f2
#c1e3f5
#d6ecf9
#eaf6fc
#ffffff
Complementary palette of #30a1df:
#30a1df
#df6d30
Triadic palette of #30a1df:
#30a1df
#df30a1
#a1df30
Square palette of #30a1df:
#30a1df
#c430df
#4adf30
#df6d30
Analogous palette of #30a1df:
#30dfc4
#30a1df
Split-Complementary palette of #30a1df:
#30a1df
#30dfc4
Rectangle (tetradic) palette of #30a1df:
#30a1df
#c430df
#4adf30
#df304a
Suggested colors palettes for #30a1df HEX:
Colors palette with color #30a1df #1:
Colors palette with color #30a1df #2:
Colors palette with color #30a1df #3:
Colors palette with color #30a1df #4:
Colors palette with color #30a1df #5:
Color Contrast
Color pairings #30a1df with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#30a1df
#30a1df Contrast Ratio
2.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#30a1df
#30a1df Contrast Ratio
7.28:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #30a1df color png
Visit the popular colors list for more colors