#224552 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #224552 | RGB(34, 69, 82) |
Created at 11/02/2026 18:44
RGB values are RGB(34, 69, 82)
#224552 color contains Red 13.33%, Green 27.06% and Blue 32.16%.
oklch(37.00% 0.0462 224.46)
#224552 color contains Red 13.33%, Green 27.06% and Blue 32.16%.
oklch(37.00% 0.0462 224.46)
Color Names of #224552 HEX code
≈ Blue Dianne
Classification of #224552 color
#224552 is Semi dark and Cool Color Saturation 41%, lightness 23%.
Shade of Dark Slate Gray
Alternative colors of #224552
Opposite Color for #224552 is #522f22
#224552 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #224552
cmyk
CMYK(59%, 16%, 0%, 68%)
Decimal
2245970
HEX
#224552
HSL
hsl(196, 41%, 23%)
HSLA
hsla(196, 41%, 23%, 1)
RGB
RGB(34, 69, 82)
RGBA
RGBA(34, 69, 82, 1)
Palettes for #224552 color:
Below are examples of color palettes with the #224552 HEX color
darkest color is #030708 from shades and lightest color is #e9ecee from tints
Shades palette of #224552:
#1f3e4a
#1b3742
#183039
#142931
#112329
#0e1c21
#0a1519
#070e10
#030708
#000000
Tints palette of #224552:
#385863
#4e6a75
#647d86
#7a8f97
#91a2a9
#a7b5ba
#bdc7cb
#d3dadc
#e9ecee
#ffffff
Complementary palette of #224552:
#224552
#522f22
Triadic palette of #224552:
#224552
#522245
#455222
Square palette of #224552:
#224552
#472252
#522f22
#2d5222
Analogous palette of #224552:
#225247
#224552
#222d52
Split-Complementary palette of #224552:
#224552
#52222d
#524722
Rectangle (tetradic) palette of #224552:
#224552
#2f2252
#522f22
#455222
Suggested color palettes for #224552 HEX:
Color palette with color #224552 #1:
Color palette with color #224552 #2:
Color palette with color #224552 #3:
Color palette with color #224552 #4:
Color palette with color #224552 #5:
Color Contrast
Color pairings of #224552 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#224552
#224552Contrast Ratio
10.28:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#224552
#224552Contrast Ratio
2.04:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #224552 color png
Visit the popular colors list for more colors