#509cd4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #509cd4 | RGB(80, 156, 212) |
Created at 10/11/2026 13:44
Classification of #509cd4 color
#509cd4 is Light and Cool Color Saturation 61%, lightness 57%.
Tint of Dodger Blue
RGB values are RGB(80, 156, 212)
#509cd4 color contains Red 31.37%, Green 61.18% and Blue 83.14%.
oklch(66.79% 0.1125 242.88)
#509cd4 color contains Red 31.37%, Green 61.18% and Blue 83.14%.
oklch(66.79% 0.1125 242.88)
Color Names of #509cd4 HEX code
≈ Havelock Blue
Alternative colors of #509cd4
Opposite Color for #509cd4 is #d48850
#509cd4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #509cd4
cmyk
CMYK(62%, 26%, 0%, 17%)
Decimal
5283028
HEX
#509cd4
HSL
hsl(205, 61%, 57%)
HSLA
hsla(205, 61%, 57%, 1)
RGB
RGB(80, 156, 212)
RGBA
RGBA(80, 156, 212, 1)
Palettes for #509cd4 color:
Below are examples of color palettes with the #509cd4 HEX color
darkest color is #081015 from shades and lightest color is #eef5fb from tints
Shades palette of #509cd4:
#488cbf
#407daa
#386d94
#305e7f
#284e6a
#203e55
#182f40
#101f2a
#081015
#000000
Tints palette of #509cd4:
#62a6d8
#73b0dd
#85bae1
#96c4e5
#a8ceea
#b9d7ee
#cbe1f2
#dcebf6
#eef5fb
#ffffff
Complementary palette of #509cd4:
#509cd4
#d48850
Triadic palette of #509cd4:
#509cd4
#d4509c
#9cd450
Square palette of #509cd4:
#509cd4
#ca50d4
#d48850
#5ad450
Analogous palette of #509cd4:
#50d4ca
#509cd4
#505ad4
Split-Complementary palette of #509cd4:
#509cd4
#d4505a
#d4ca50
Rectangle (tetradic) palette of #509cd4:
#509cd4
#8850d4
#d48850
#9cd450
Suggested color palettes for #509cd4 HEX:
Color palette with color #509cd4 #1:
Color palette with color #509cd4 #2:
Color palette with color #509cd4 #3:
Color palette with color #509cd4 #4:
Color palette with color #509cd4 #5:
Color Contrast
Color pairings of #509cd4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#509cd4
#509cd4 Contrast Ratio
2.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#509cd4
#509cd4 Contrast Ratio
7.04:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #509cd4 color png
Visit the popular colors list for more colors