#228aea HEX color information
| Color | HEX | RGB |
|---|---|---|
| #228aea | RGB(34, 138, 234) |
Created at 10/16/2026 17:48
RGB values are RGB(34, 138, 234)
#228aea color contains Red 13.33%, Green 54.12% and Blue 91.76%.
oklch(62.61% 0.1701 251.6)
#228aea color contains Red 13.33%, Green 54.12% and Blue 91.76%.
oklch(62.61% 0.1701 251.6)
Color Names of #228aea HEX code
≈ Dodger Blue
Classification of #228aea color
#228aea is Light and Cool Color Saturation 83%, lightness 53%.
Shade of Dodger Blue
Alternative colors of #228aea
Opposite Color for #228aea is #ea8222
#228aea Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #228aea
cmyk
CMYK(85%, 41%, 0%, 8%)
Decimal
2263786
HEX
#228aea
HSL
hsl(209, 83%, 53%)
HSLA
hsla(209, 83%, 53%, 1)
RGB
RGB(34, 138, 234)
RGBA
RGBA(34, 138, 234, 1)
Palettes for #228aea color:
Below are examples of color palettes with the #228aea HEX color
darkest color is #030e17 from shades and lightest color is #e9f3fd from tints
Shades palette of #228aea:
#1f7cd3
#1b6ebb
#1861a4
#14538c
#114575
#0e375e
#0a2946
#071c2f
#030e17
#000000
Tints palette of #228aea:
#3896ec
#4ea1ee
#64adf0
#7ab9f2
#91c5f5
#a7d0f7
#bddcf9
#d3e8fb
#e9f3fd
#ffffff
Complementary palette of #228aea:
#228aea
#ea8222
Triadic palette of #228aea:
#228aea
#ea228a
#8aea22
Square palette of #228aea:
#228aea
#e622ea
#ea8222
#26ea22
Analogous palette of #228aea:
#22eae6
#228aea
#2226ea
Split-Complementary palette of #228aea:
#228aea
#ea2226
#eae622
Rectangle (tetradic) palette of #228aea:
#228aea
#8222ea
#ea8222
#8aea22
Suggested color palettes for #228aea HEX:
Color palette with color #228aea #1:
Color palette with color #228aea #2:
Color palette with color #228aea #3:
Color palette with color #228aea #4:
Color palette with color #228aea #5:
Color Contrast
Color pairings of #228aea with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#228aea
#228aeaContrast Ratio
3.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#228aea
#228aeaContrast Ratio
5.89:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #228aea color png
Visit the popular colors list for more colors