#225f8d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #225f8d | RGB(34, 95, 141) |
Created at 02/21/2023 08:45
Classification of #225f8d color
#225f8d is Semi dark and Cool Color Saturation 61%, lightness 34%.
Shade of Royal Blue
RGB values are RGB(34, 95, 141)
#225f8d color contains Red 13.33%, Green 37.25% and Blue 55.29%.
oklch(46.91% 0.0969 245.03)
#225f8d color contains Red 13.33%, Green 37.25% and Blue 55.29%.
oklch(46.91% 0.0969 245.03)
Color Names of #225f8d HEX code
≈ Matisse
Alternative colors of #225f8d
Opposite Color for #225f8d is #8d5022
#225f8d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #225f8d
cmyk
CMYK(76%, 33%, 0%, 45%)
Decimal
2252685
HEX
#225f8d
HSL
hsl(206, 61%, 34%)
HSLA
hsla(206, 61%, 34%, 1)
RGB
RGB(34, 95, 141)
RGBA
RGBA(34, 95, 141, 1)
Palettes for #225f8d color:
Below are examples of color palettes with the #225f8d HEX color
darkest color is #03090e from shades and lightest color is #e9eff4 from tints
Shades palette of #225f8d:
#1f567f
#1b4c71
#184363
#143955
#113047
#0e2638
#0a1d2a
#07131c
#03090e
#000000
Tints palette of #225f8d:
#386f98
#4e7fa4
#648faf
#7a9fbb
#91afc6
#a7bfd1
#bdcfdd
#d3dfe8
#e9eff4
#ffffff
Complementary palette of #225f8d:
#225f8d
#8d5022
Triadic palette of #225f8d:
#225f8d
#8d225f
#5f8d22
Square palette of #225f8d:
#225f8d
#85228d
#8d5022
#2a8d22
Analogous palette of #225f8d:
#228d85
#225f8d
#222a8d
Split-Complementary palette of #225f8d:
#225f8d
#8d222a
#8d8522
Rectangle (tetradic) palette of #225f8d:
#225f8d
#50228d
#8d5022
#5f8d22
Suggested color palettes for #225f8d HEX:
Color palette with color #225f8d #1:
Color palette with color #225f8d #2:
Color palette with color #225f8d #3:
Color palette with color #225f8d #4:
Color palette with color #225f8d #5:
Color #225f8d used in palettes (1)
Color Contrast
Color pairings of #225f8d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#225f8d
#225f8d Contrast Ratio
6.79:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#225f8d
#225f8d Contrast Ratio
3.08:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #225f8d color png
Visit the popular colors list for more colors