#315172 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #315172 | RGB(49, 81, 114) |
Created at 12/03/2023 15:35
RGB values are RGB(49, 81, 114)
#315172 color contains Red 19.22%, Green 31.76% and Blue 44.71%.
oklch(42.55% 0.067 250.35)
#315172 color contains Red 19.22%, Green 31.76% and Blue 44.71%.
oklch(42.55% 0.067 250.35)
Color Names of #315172 HEX code
≈ San Juan
Classification of #315172 color
#315172 is Semi dark and Cool Color Saturation 40%, lightness 32%.
Tint of Dark Slate Blue
Alternative colors of #315172
Opposite Color for #315172 is #725231
#315172 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #315172
cmyk
CMYK(57%, 29%, 0%, 55%)
Decimal
3232114
HEX
#315172
HSL
hsl(210, 40%, 32%)
HSLA
hsla(210, 40%, 32%, 1)
RGB
RGB(49, 81, 114)
RGBA
RGBA(49, 81, 114, 1)
Palettes for #315172 color:
Below are examples of color palettes with the #315172 HEX color
darkest color is #05080b from shades and lightest color is #eaeef1 from tints
Shades palette of #315172:
#2c4967
#27415b
#223950
#1d3144
#192939
#14202e
#0f1822
#0a1017
#05080b
#000000
Tints palette of #315172:
#466280
#5a748e
#6f859c
#8397aa
#98a8b9
#adb9c7
#c1cbd5
#d6dce3
#eaeef1
#ffffff
Complementary palette of #315172:
#315172
#725231
Triadic palette of #315172:
#315172
#723151
#517231
Square palette of #315172:
#315172
#723172
#725231
#317232
Analogous palette of #315172:
#317272
#315172
#323172
Split-Complementary palette of #315172:
#315172
#723231
#727231
Rectangle (tetradic) palette of #315172:
#315172
#523172
#725231
#517231
Suggested color palettes for #315172 HEX:
Color palette with color #315172 #1:
Color palette with color #315172 #2:
Color palette with color #315172 #3:
Color palette with color #315172 #4:
Color palette with color #315172 #5:
Color Contrast
Color pairings of #315172 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#315172
#315172Contrast Ratio
8.23:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#315172
#315172Contrast Ratio
2.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #315172 color png
Visit the popular colors list for more colors