Created at 03/03/2023 15:51
#022a96 HEX Color information
| Color | HEX | RGB |
| #022a96 | RGB(2, 42, 150) |
RGB values are RGB(2, 42, 150)
#022a96 color contain Red 0.78%, Green 16.47% and Blue 58.82%.
Color Names of #022a96 HEX code
Imperial Blue Color
Alternative colors of #022a96
Opposite Color for #022a96 is #976f02
#022a96 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #022a96
Decimal
141974
HEX
#022a96
HSL
hsl(224, 97%, 30%)
HSLA
hsla(224, 97%, 30%, 1)
RGB
RGB(2, 42, 150)
RGBA
RGBA(2, 42, 150, 1)
Palettes for #022a96 color:
Below examples of color palettes for #022a96 HEX color
darkest color is #00040f from shades and lightest color is #e6eaf5 from tints
Shades palette of #022a96:
Tints palette of #022a96:
Complementary palette of #022a96:
Triadic palette of #022a96:
Square palette of #022a96:
Analogous palette of #022a96:
Split-Complementary palette of #022a96:
Rectangle (tetradic) palette of #022a96:
Suggested colors palettes for #022a96 HEX:
Color #022a96 used in palettes (7)
Motorcycle motors gears cycle colors Eye candle decoration illustration colors palette Logo design illustration creativity hex colors Fintech logotype mastercard design colors palette Identity design minimal-logo community logo colours Dribbble logos lettermark app icon logo colors palette Lettermark modern logos app icon dribbble hex colors
Color Contrast
Color pairings #022a96 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#022a96
#022a96 Contrast Ratio
11.83:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#022a96
#022a96 Contrast Ratio
1.77:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
