Created at 02/20/2023 12:54
#022d96 HEX Color information
| Color | HEX | RGB |
| #022d96 | RGB(2, 45, 150) |
RGB values are RGB(2, 45, 150)
#022d96 color contain Red 0.78%, Green 17.65% and Blue 58.82%.
Color Names of #022d96 HEX code
Dark Powder Blue Color
Alternative colors of #022d96
Opposite Color for #022d96 is #976d02
#022d96 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #022d96
Decimal
142742
HEX
#022d96
HSL
hsl(223, 97%, 30%)
HSLA
hsla(223, 97%, 30%, 1)
RGB
RGB(2, 45, 150)
RGBA
RGBA(2, 45, 150, 1)
Palettes for #022d96 color:
Below examples of color palettes for #022d96 HEX color
darkest color is #00040f from shades and lightest color is #e6eaf5 from tints
Shades palette of #022d96:
Tints palette of #022d96:
Complementary palette of #022d96:
Triadic palette of #022d96:
Square palette of #022d96:
Analogous palette of #022d96:
Split-Complementary palette of #022d96:
Rectangle (tetradic) palette of #022d96:
Suggested colors palettes for #022d96 HEX:
Colors palette with color #022d96 #1:
Colors palette with color #022d96 #2:
Colors palette with color #022d96 #3:
Colors palette with color #022d96 #4:
Colors palette with color #022d96 #5:
Color #022d96 used in palettes (7)
S letter logo geometric minimalistic symbol colours Behance maracaibo venezuela branding hex colors Interior design architect logo company Branding business web illustration website colors palette Logo logotype blue logomark colors Graphics branding badge illustration palette Branding identity logo mark colours
Color Contrast
Color pairings #022d96 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#022d96
#022d96 Contrast Ratio
11.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#022d96
#022d96 Contrast Ratio
1.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
