#54b4e2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #54b4e2 | RGB(84, 180, 226) |
Created at 10/01/2026 10:48
RGB values are RGB(84, 180, 226)
#54b4e2 color contains Red 32.94%, Green 70.59% and Blue 88.63%.
oklch(73.07% 0.1119 231.94)
#54b4e2 color contains Red 32.94%, Green 70.59% and Blue 88.63%.
oklch(73.07% 0.1119 231.94)
Color Names of #54b4e2 HEX code
≈ Picton Blue
Classification of #54b4e2 color
#54b4e2 is Light and Cool Color Saturation 71%, lightness 61%.
Tint of Deep Sky Blue
Alternative colors of #54b4e2
Opposite Color for #54b4e2 is #e28254
#54b4e2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #54b4e2
cmyk
CMYK(63%, 20%, 0%, 11%)
Decimal
5551330
HEX
#54b4e2
HSL
hsl(199, 71%, 61%)
HSLA
hsla(199, 71%, 61%, 1)
RGB
RGB(84, 180, 226)
RGBA
RGBA(84, 180, 226, 1)
Palettes for #54b4e2 color:
Below are examples of color palettes with the #54b4e2 HEX color
darkest color is #081217 from shades and lightest color is #eef8fc from tints
Shades palette of #54b4e2:
#4ca2cb
#4390b5
#3b7e9e
#326c88
#2a5a71
#22485a
#193644
#11242d
#081217
#000000
Tints palette of #54b4e2:
#65bce5
#76c3e8
#87cbeb
#98d2ee
#aadaf1
#bbe1f3
#cce9f6
#ddf0f9
#eef8fc
#ffffff
Complementary palette of #54b4e2:
#54b4e2
#e28254
Triadic palette of #54b4e2:
#54b4e2
#e254b4
#b4e254
Square palette of #54b4e2:
#54b4e2
#c954e2
#e28254
#6de254
Analogous palette of #54b4e2:
#54e2c9
#54b4e2
#546de2
Split-Complementary palette of #54b4e2:
#54b4e2
#e2546d
#e2c954
Rectangle (tetradic) palette of #54b4e2:
#54b4e2
#8254e2
#e28254
#b4e254
Suggested color palettes for #54b4e2 HEX:
Color palette with color #54b4e2 #1:
Color palette with color #54b4e2 #2:
Color palette with color #54b4e2 #3:
Color palette with color #54b4e2 #4:
Color palette with color #54b4e2 #5:
Color Contrast
Color pairings of #54b4e2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#54b4e2
#54b4e2Contrast Ratio
2.33:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#54b4e2
#54b4e2Contrast Ratio
9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #54b4e2 color png
Visit the popular colors list for more colors