Created at 12/18/2023 06:13
#227aa0 HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #227aa0 | RGB(34, 122, 160) |
RGB values are RGB(34, 122, 160)
#227aa0 color contain Red 13.33%, Green 47.84% and Blue 62.75%.
oklch(54.64% 0.099 231.78)
#227aa0 color contain Red 13.33%, Green 47.84% and Blue 62.75%.
oklch(54.64% 0.099 231.78)
Classification of #227aa0 color
#227aa0 is Light and Cool Color Saturation 65%, lightness 38%.
Tint of steelblue
Alternative colors of #227aa0
Opposite Color for #227aa0 is #a04822
#227aa0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #227aa0
Decimal
2259616
HEX
#227aa0
HSL
hsl(198, 65%, 38%)
HSLA
hsla(198, 65%, 38%, 1)
RGB
RGB(34, 122, 160)
RGBA
RGBA(34, 122, 160, 1)
Palettes for #227aa0 color:
Below examples of color palettes for #227aa0 HEX color
darkest color is #030c10 from shades and lightest color is #e9f2f6 from tints
Shades palette of #227aa0:
#1f6e90
#1b6280
#185570
#144960
#113d50
#0e3140
#0a2530
#071820
#030c10
#000000
Tints palette of #227aa0:
#3887aa
#4e95b3
#64a2bd
#7aafc6
#91bdd0
#a7cad9
#bdd7e3
#d3e4ec
#e9f2f6
#ffffff
Complementary palette of #227aa0:
#227aa0
#a04822
Triadic palette of #227aa0:
#227aa0
#a0227a
#7aa022
Square palette of #227aa0:
#227aa0
#8722a0
#3ba022
#a04822
Analogous palette of #227aa0:
#22a087
#227aa0
Split-Complementary palette of #227aa0:
#227aa0
#22a087
Rectangle (tetradic) palette of #227aa0:
#227aa0
#8722a0
#3ba022
#a0223b
Suggested colors palettes for #227aa0 HEX:
Colors palette with color #227aa0 #1:
Colors palette with color #227aa0 #2:
Colors palette with color #227aa0 #3:
Colors palette with color #227aa0 #4:
Colors palette with color #227aa0 #5:
Color Contrast
Color pairings #227aa0 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#227aa0
#227aa0 Contrast Ratio
4.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#227aa0
#227aa0 Contrast Ratio
4.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #227aa0 color png
Visit the popular colors list for more colors