#2273a2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2273a2 | RGB(34, 115, 162) |
Created at 02/18/2023 22:51
Classification of #2273a2 color
#2273a2 is Semi dark and Cool Color Saturation 65%, lightness 38%.
Shade of Steel Blue
RGB values are RGB(34, 115, 162)
#2273a2 color contains Red 13.33%, Green 45.1% and Blue 63.53%.
oklch(53.02% 0.1054 239.35)
#2273a2 color contains Red 13.33%, Green 45.1% and Blue 63.53%.
oklch(53.02% 0.1054 239.35)
Color Names of #2273a2 HEX code
≈ Jelly Bean
Alternative colors of #2273a2
Opposite Color for #2273a2 is #a25122
#2273a2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2273a2
cmyk
CMYK(79%, 29%, 0%, 36%)
Decimal
2257826
HEX
#2273a2
HSL
hsl(202, 65%, 38%)
HSLA
hsla(202, 65%, 38%, 1)
RGB
RGB(34, 115, 162)
RGBA
RGBA(34, 115, 162, 1)
Palettes for #2273a2 color:
Below are examples of color palettes with the #2273a2 HEX color
darkest color is #030b10 from shades and lightest color is #e9f1f6 from tints
Shades palette of #2273a2:
#1f6892
#1b5c82
#185171
#144561
#113a51
#0e2e41
#0a2331
#071720
#030b10
#000000
Tints palette of #2273a2:
#3881ab
#4e8fb5
#649dbe
#7aabc7
#91b9d1
#a7c7da
#bdd5e3
#d3e3ec
#e9f1f6
#ffffff
Complementary palette of #2273a2:
#2273a2
#a25122
Triadic palette of #2273a2:
#2273a2
#a22273
#73a222
Square palette of #2273a2:
#2273a2
#9122a2
#a25122
#33a222
Analogous palette of #2273a2:
#22a291
#2273a2
#2233a2
Split-Complementary palette of #2273a2:
#2273a2
#a22233
#a29122
Rectangle (tetradic) palette of #2273a2:
#2273a2
#5122a2
#a25122
#73a222
Suggested color palettes for #2273a2 HEX:
Color palette with color #2273a2 #1:
Color palette with color #2273a2 #2:
Color palette with color #2273a2 #3:
Color palette with color #2273a2 #4:
Color palette with color #2273a2 #5:
Color #2273a2 used in palettes (1)
Color Contrast
Color pairings of #2273a2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2273a2
#2273a2 Contrast Ratio
5.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2273a2
#2273a2 Contrast Ratio
4.04:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2273a2 color png
Visit the popular colors list for more colors