#222f81 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #222f81 | RGB(34, 47, 129) |
Created at 03/05/2024 18:25
RGB values are RGB(34, 47, 129)
#222f81 color contains Red 13.33%, Green 18.43% and Blue 50.59%.
oklch(35.04% 0.1381 270.55)
#222f81 color contains Red 13.33%, Green 18.43% and Blue 50.59%.
oklch(35.04% 0.1381 270.55)
Color Names of #222f81 HEX code
≈ Bay of Many
Classification of #222f81 color
#222f81 is Semi dark and Cool Color Saturation 58%, lightness 32%.
Shade of Dark Slate Blue
Alternative colors of #222f81
Opposite Color for #222f81 is #817422
#222f81 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #222f81
cmyk
CMYK(74%, 64%, 0%, 49%)
Decimal
2240385
HEX
#222f81
HSL
hsl(232, 58%, 32%)
HSLA
hsla(232, 58%, 32%, 1)
RGB
RGB(34, 47, 129)
RGBA
RGBA(34, 47, 129, 1)
Palettes for #222f81 color:
Below are examples of color palettes with the #222f81 HEX color
darkest color is #03050d from shades and lightest color is #e9eaf2 from tints
Shades palette of #222f81:
#1f2a74
#1b2667
#18215a
#141c4d
#111841
#0e1334
#0a0e27
#07091a
#03050d
#000000
Tints palette of #222f81:
#38448e
#4e599a
#646da7
#7a82b3
#9197c0
#a7accd
#bdc1d9
#d3d5e6
#e9eaf2
#ffffff
Complementary palette of #222f81:
#222f81
#817422
Triadic palette of #222f81:
#222f81
#81222f
#2f8122
Square palette of #222f81:
#222f81
#81225e
#817422
#228145
Analogous palette of #222f81:
#225e81
#222f81
#452281
Split-Complementary palette of #222f81:
#222f81
#814522
#5f8122
Rectangle (tetradic) palette of #222f81:
#222f81
#742281
#817422
#2f8122
Suggested color palettes for #222f81 HEX:
Color palette with color #222f81 #1:
Color palette with color #222f81 #2:
Color palette with color #222f81 #3:
Color palette with color #222f81 #4:
Color palette with color #222f81 #5:
Color #222f81 used in palettes (1)
Color Contrast
Color pairings of #222f81 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#222f81
#222f81Contrast Ratio
11.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#222f81
#222f81Contrast Ratio
1.79:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #222f81 color png
Visit the popular colors list for more colors