#1f3f70 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #1f3f70 | RGB(31, 63, 112) |
Created at 03/01/2023 23:24
Classification of #1f3f70 color
#1f3f70 is Semi dark and Cool Color Saturation 57%, lightness 28%.
Shade of Dark Slate Blue
RGB values are RGB(31, 63, 112)
#1f3f70 color contains Red 12.16%, Green 24.71% and Blue 43.92%.
oklch(37.06% 0.0926 258.72)
#1f3f70 color contains Red 12.16%, Green 24.71% and Blue 43.92%.
oklch(37.06% 0.0926 258.72)
Color Names of #1f3f70 HEX code
≈ Astronaut
Alternative colors of #1f3f70
Opposite Color for #1f3f70 is #70501f
#1f3f70 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #1f3f70
cmyk
CMYK(72%, 44%, 0%, 56%)
Decimal
2047856
HEX
#1f3f70
HSL
hsl(216, 57%, 28%)
HSLA
hsla(216, 57%, 28%, 1)
RGB
RGB(31, 63, 112)
RGBA
RGBA(31, 63, 112, 1)
Palettes for #1f3f70 color:
Below examples of color palettes for #1f3f70 HEX color
darkest color is #03060b from shades and lightest color is #e9ecf1 from tints
Shades palette of #1f3f70:
#1c3965
#19325a
#162c4e
#132643
#102038
#0c192d
#091322
#060d16
#03060b
#000000
Tints palette of #1f3f70:
#35527e
#4c658d
#62799b
#798ca9
#8f9fb8
#a5b2c6
#bcc5d4
#d2d9e2
#e9ecf1
#ffffff
Complementary palette of #1f3f70:
#1f3f70
#70501f
Triadic palette of #1f3f70:
#1f3f70
#701f3f
#3f701f
Square palette of #1f3f70:
#1f3f70
#701f68
#70501f
#1f7028
Analogous palette of #1f3f70:
#1f6870
#1f3f70
#281f70
Split-Complementary palette of #1f3f70:
#1f3f70
#70281f
#67701f
Rectangle (tetradic) palette of #1f3f70:
#1f3f70
#501f70
#70501f
#3f701f
Suggested color palettes for #1f3f70 HEX:
Color palette with color #1f3f70 #1:
Color palette with color #1f3f70 #2:
Color palette with color #1f3f70 #3:
Color palette with color #1f3f70 #4:
Color palette with color #1f3f70 #5:
Color #1f3f70 used in palettes (1)
Color Contrast
Color pairings #1f3f70 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#1f3f70
#1f3f70 Contrast Ratio
10.48:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#1f3f70
#1f3f70 Contrast Ratio
2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #1f3f70 color png
Visit the popular colors list for more colors