#45a7df HEX color information
| Color | HEX | RGB |
|---|---|---|
| #45a7df | RGB(69, 167, 223) |
Created at 03/21/2023 20:43
Classification of #45a7df color
#45a7df is Light and Cool Color Saturation 71%, lightness 57%.
Tint of deepskyblue
RGB values are RGB(69, 167, 223)
#45a7df color contains Red 27.06%, Green 65.49% and Blue 87.45%.
oklch(69.45% 0.1223 237.42)
#45a7df color contains Red 27.06%, Green 65.49% and Blue 87.45%.
oklch(69.45% 0.1223 237.42)
Color Names of #45a7df HEX code
≈ Picton Blue
Alternative colors of #45a7df
Opposite Color for #45a7df is #df7d45
#45a7df Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #45a7df
Decimal
4564959
HEX
#45a7df
HSL
hsl(202, 71%, 57%)
HSLA
hsla(202, 71%, 57%, 1)
RGB
RGB(69, 167, 223)
RGBA
RGBA(69, 167, 223, 1)
Palettes for #45a7df color:
Below examples of color palettes for #45a7df HEX color
darkest color is #071116 from shades and lightest color is #ecf6fc from tints
Shades palette of #45a7df:
#3e96c9
#3786b2
#30759c
#296486
#235470
#1c4359
#153243
#0e212d
#071116
#000000
Tints palette of #45a7df:
#58b0e2
#6ab9e5
#7dc1e9
#8fcaec
#a2d3ef
#b5dcf2
#c7e5f5
#daedf9
#ecf6fc
#ffffff
Complementary palette of #45a7df:
#45a7df
#df7d45
Triadic palette of #45a7df:
#45a7df
#df45a7
#a7df45
Square palette of #45a7df:
#45a7df
#ca45df
#df7d45
#5adf45
Analogous palette of #45a7df:
#45dfca
#45a7df
#455adf
Split-Complementary palette of #45a7df:
#45a7df
#df455a
#dfca45
Rectangle (tetradic) palette of #45a7df:
#45a7df
#7d45df
#df7d45
#a7df45
Suggested color palettes for #45a7df HEX:
Color palette with color #45a7df #1:
Color palette with color #45a7df #2:
Color palette with color #45a7df #3:
Color palette with color #45a7df #4:
Color palette with color #45a7df #5:
Color #45a7df used in palettes (1)
Color Contrast
Color pairings #45a7df with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#45a7df
#45a7df Contrast Ratio
2.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#45a7df
#45a7df Contrast Ratio
7.84:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #45a7df color png
Visit the popular colors list for more colors