#222e72 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #222e72 | RGB(34, 46, 114) |
Created at 02/24/2023 23:46
RGB values are RGB(34, 46, 114)
#222e72 color contains Red 13.33%, Green 18.04% and Blue 44.71%.
oklch(33.49% 0.1175 271.06)
#222e72 color contains Red 13.33%, Green 18.04% and Blue 44.71%.
oklch(33.49% 0.1175 271.06)
Color Names of #222e72 HEX code
≈ Astronaut
Classification of #222e72 color
#222e72 is Dark and Cool Color Saturation 54%, lightness 29%.
Tint of Midnight Blue
Alternative colors of #222e72
Opposite Color for #222e72 is #726622
#222e72 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #222e72
cmyk
CMYK(70%, 60%, 0%, 55%)
Decimal
2240114
HEX
#222e72
HSL
hsl(231, 54%, 29%)
HSLA
hsla(231, 54%, 29%, 1)
RGB
RGB(34, 46, 114)
RGBA
RGBA(34, 46, 114, 1)
Palettes for #222e72 color:
Below are examples of color palettes with the #222e72 HEX color
darkest color is #03050b from shades and lightest color is #e9eaf1 from tints
Shades palette of #222e72:
#1f2967
#1b255b
#182050
#141c44
#111739
#0e122e
#0a0e22
#070917
#03050b
#000000
Tints palette of #222e72:
#384380
#4e588e
#646d9c
#7a82aa
#9197b9
#a7abc7
#bdc0d5
#d3d5e3
#e9eaf1
#ffffff
Complementary palette of #222e72:
#222e72
#726622
Triadic palette of #222e72:
#222e72
#72222e
#2e7222
Square palette of #222e72:
#222e72
#722256
#726622
#22723e
Analogous palette of #222e72:
#225672
#222e72
#3e2272
Split-Complementary palette of #222e72:
#222e72
#723e22
#567222
Rectangle (tetradic) palette of #222e72:
#222e72
#662272
#726622
#2e7222
Suggested color palettes for #222e72 HEX:
Color palette with color #222e72 #1:
Color palette with color #222e72 #2:
Color palette with color #222e72 #3:
Color palette with color #222e72 #4:
Color palette with color #222e72 #5:
Color #222e72 used in palettes (2)
Color Contrast
Color pairings of #222e72 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#222e72
#222e72Contrast Ratio
12.33:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#222e72
#222e72Contrast Ratio
1.7:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #222e72 color png
Visit the popular colors list for more colors