#224ba5 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #224ba5 | RGB(34, 75, 165) |
Created at 11/14/2026 17:36
RGB values are RGB(34, 75, 165)
#224ba5 color contains Red 13.33%, Green 29.41% and Blue 64.71%.
oklch(43.93% 0.1528 263.13)
#224ba5 color contains Red 13.33%, Green 29.41% and Blue 64.71%.
oklch(43.93% 0.1528 263.13)
Color Names of #224ba5 HEX code
≈ Tory Blue
Classification of #224ba5 color
#224ba5 is Semi dark and Cool Color Saturation 66%, lightness 39%.
Shade of Dark Slate Blue
Alternative colors of #224ba5
Opposite Color for #224ba5 is #a57c22
#224ba5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #224ba5
cmyk
CMYK(79%, 55%, 0%, 35%)
Decimal
2247589
HEX
#224ba5
HSL
hsl(221, 66%, 39%)
HSLA
hsla(221, 66%, 39%, 1)
RGB
RGB(34, 75, 165)
RGBA
RGBA(34, 75, 165, 1)
Palettes for #224ba5 color:
Below are examples of color palettes with the #224ba5 HEX color
darkest color is #030710 from shades and lightest color is #e9edf6 from tints
Shades palette of #224ba5:
#1f4495
#1b3c84
#183573
#142d63
#112653
#0e1e42
#0a1732
#070f21
#030710
#000000
Tints palette of #224ba5:
#385dae
#4e6fb7
#6481c0
#7a93c9
#91a5d2
#a7b7db
#bdc9e4
#d3dbed
#e9edf6
#ffffff
Complementary palette of #224ba5:
#224ba5
#a57c22
Triadic palette of #224ba5:
#224ba5
#a5224b
#4ba522
Square palette of #224ba5:
#224ba5
#a5228d
#a57c22
#22a53b
Analogous palette of #224ba5:
#228ca5
#224ba5
#3b22a5
Split-Complementary palette of #224ba5:
#224ba5
#a53b22
#8ca522
Rectangle (tetradic) palette of #224ba5:
#224ba5
#7c22a5
#a57c22
#4ba522
Suggested color palettes for #224ba5 HEX:
Color palette with color #224ba5 #1:
Color palette with color #224ba5 #2:
Color palette with color #224ba5 #3:
Color palette with color #224ba5 #4:
Color palette with color #224ba5 #5:
Color Contrast
Color pairings of #224ba5 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#224ba5
#224ba5Contrast Ratio
8.02:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#224ba5
#224ba5Contrast Ratio
2.61:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #224ba5 color png
Visit the popular colors list for more colors