#225660 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #225660 | RGB(34, 86, 96) |
Created at 02/18/2023 03:39
RGB values are RGB(34, 86, 96)
#225660 color contains Red 13.33%, Green 33.73% and Blue 37.65%.
oklch(42.26% 0.057 212.23)
#225660 color contains Red 13.33%, Green 33.73% and Blue 37.65%.
oklch(42.26% 0.057 212.23)
Color Names of #225660 HEX code
≈ Spectra
Classification of #225660 color
#225660 is Semi dark and Cool Color Saturation 48%, lightness 25%.
Tint of Dark Slate Gray
Alternative colors of #225660
Opposite Color for #225660 is #602c22
#225660 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #225660
cmyk
CMYK(65%, 10%, 0%, 62%)
Decimal
2250336
HEX
#225660
HSL
hsl(190, 48%, 25%)
HSLA
hsla(190, 48%, 25%, 1)
RGB
RGB(34, 86, 96)
RGBA
RGBA(34, 86, 96, 1)
Palettes for #225660 color:
Below are examples of color palettes with the #225660 HEX color
darkest color is #03090a from shades and lightest color is #e9eeef from tints
Shades palette of #225660:
#1f4d56
#1b454d
#183c43
#14343a
#112b30
#0e2226
#0a1a1d
#071113
#03090a
#000000
Tints palette of #225660:
#386770
#4e7880
#648990
#7a9aa0
#91abb0
#a7bbbf
#bdcccf
#d3dddf
#e9eeef
#ffffff
Complementary palette of #225660:
#225660
#602c22
Triadic palette of #225660:
#225660
#602256
#566022
Square palette of #225660:
#225660
#4b2260
#602c22
#376022
Analogous palette of #225660:
#22604b
#225660
#223760
Split-Complementary palette of #225660:
#225660
#602237
#604b22
Rectangle (tetradic) palette of #225660:
#225660
#2c2260
#602c22
#566022
Suggested color palettes for #225660 HEX:
Color palette with color #225660 #1:
Color palette with color #225660 #2:
Color palette with color #225660 #3:
Color palette with color #225660 #4:
Color palette with color #225660 #5:
Color #225660 used in palettes (1)
Color Contrast
Color pairings of #225660 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#225660
#225660Contrast Ratio
8.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#225660
#225660Contrast Ratio
2.56:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #225660 color png
Visit the popular colors list for more colors