#2f486c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2f486c | RGB(47, 72, 108) |
Created at 03/01/2023 02:27
Classification of #2f486c color
#2f486c is Semi dark and Cool Color Saturation 39%, lightness 30%.
Shade of Dark Slate Blue
RGB values are RGB(47, 72, 108)
#2f486c color contains Red 18.43%, Green 28.24% and Blue 42.35%.
oklch(39.88% 0.0686 257.49)
#2f486c color contains Red 18.43%, Green 28.24% and Blue 42.35%.
oklch(39.88% 0.0686 257.49)
Color Names of #2f486c HEX code
≈ San Juan
Alternative colors of #2f486c
Opposite Color for #2f486c is #6c532f
#2f486c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2f486c
cmyk
CMYK(56%, 33%, 0%, 58%)
Decimal
3098732
HEX
#2f486c
HSL
hsl(215, 39%, 30%)
HSLA
hsla(215, 39%, 30%, 1)
RGB
RGB(47, 72, 108)
RGBA
RGBA(47, 72, 108, 1)
Palettes for #2f486c color:
Below are examples of color palettes with the #2f486c HEX color
darkest color is #05070b from shades and lightest color is #eaedf0 from tints
Shades palette of #2f486c:
#2a4161
#263a56
#21324c
#1c2b41
#182436
#131d2b
#0e1620
#090e16
#05070b
#000000
Tints palette of #2f486c:
#445a7b
#596d89
#6d7f98
#8291a7
#97a4b6
#acb6c4
#c1c8d3
#d5dae2
#eaedf0
#ffffff
Complementary palette of #2f486c:
#2f486c
#6c532f
Triadic palette of #2f486c:
#2f486c
#6c2f48
#486c2f
Square palette of #2f486c:
#2f486c
#6c2f67
#6c532f
#2f6c35
Analogous palette of #2f486c:
#2f676c
#2f486c
#342f6c
Split-Complementary palette of #2f486c:
#2f486c
#6c352f
#676c2f
Rectangle (tetradic) palette of #2f486c:
#2f486c
#532f6c
#6c532f
#486c2f
Suggested color palettes for #2f486c HEX:
Color palette with color #2f486c #1:
Color palette with color #2f486c #2:
Color palette with color #2f486c #3:
Color palette with color #2f486c #4:
Color palette with color #2f486c #5:
Color #2f486c used in palettes (1)
Color Contrast
Color pairings of #2f486c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2f486c
#2f486c Contrast Ratio
9.27:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2f486c
#2f486c Contrast Ratio
2.26:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2f486c color png
Visit the popular colors list for more colors