#224fb4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #224fb4 | RGB(34, 79, 180) |
Created at 05/11/2026 17:41
RGB values are RGB(34, 79, 180)
#224fb4 color contains Red 13.33%, Green 30.98% and Blue 70.59%.
oklch(45.99% 0.1682 263.23)
#224fb4 color contains Red 13.33%, Green 30.98% and Blue 70.59%.
oklch(45.99% 0.1682 263.23)
Color Names of #224fb4 HEX code
≈ Cerulean Blue
Classification of #224fb4 color
#224fb4 is Semi dark and Cool Color Saturation 68%, lightness 42%.
Tint of Dark Slate Blue
Alternative colors of #224fb4
Opposite Color for #224fb4 is #b48722
#224fb4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #224fb4
cmyk
CMYK(81%, 56%, 0%, 29%)
Decimal
2248628
HEX
#224fb4
HSL
hsl(222, 68%, 42%)
HSLA
hsla(222, 68%, 42%, 1)
RGB
RGB(34, 79, 180)
RGBA
RGBA(34, 79, 180, 1)
Palettes for #224fb4 color:
Below are examples of color palettes with the #224fb4 HEX color
darkest color is #030812 from shades and lightest color is #e9edf8 from tints
Shades palette of #224fb4:
#1f47a2
#1b3f90
#18377e
#142f6c
#11285a
#0e2048
#0a1836
#071024
#030812
#000000
Tints palette of #224fb4:
#3861bc
#4e72c3
#6484cb
#7a95d2
#91a7da
#a7b9e1
#bdcae9
#d3dcf0
#e9edf8
#ffffff
Complementary palette of #224fb4:
#224fb4
#b48722
Triadic palette of #224fb4:
#224fb4
#b4224f
#4fb422
Square palette of #224fb4:
#224fb4
#b42298
#b48722
#22b43e
Analogous palette of #224fb4:
#2298b4
#224fb4
#3e22b4
Split-Complementary palette of #224fb4:
#224fb4
#b43e22
#98b422
Rectangle (tetradic) palette of #224fb4:
#224fb4
#8722b4
#b48722
#4fb422
Suggested color palettes for #224fb4 HEX:
Color palette with color #224fb4 #1:
Color palette with color #224fb4 #2:
Color palette with color #224fb4 #3:
Color palette with color #224fb4 #4:
Color palette with color #224fb4 #5:
Color #224fb4 used in palettes (1)
Color Contrast
Color pairings of #224fb4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#224fb4
#224fb4 Contrast Ratio
7.38:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#224fb4
#224fb4 Contrast Ratio
2.84:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #224fb4 color png
Visit the popular colors list for more colors