#2f506c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2f506c | RGB(47, 80, 108) |
Created at 02/23/2023 16:30
RGB values are RGB(47, 80, 108)
#2f506c color contains Red 18.43%, Green 31.37% and Blue 42.35%.
oklch(41.87% 0.061 245.55)
#2f506c color contains Red 18.43%, Green 31.37% and Blue 42.35%.
oklch(41.87% 0.061 245.55)
Color Names of #2f506c HEX code
≈ San Juan
Classification of #2f506c color
#2f506c is Semi dark and Cool Color Saturation 39%, lightness 30%.
Tint of Dark Slate Blue
Alternative colors of #2f506c
Opposite Color for #2f506c is #6c4b2f
#2f506c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2f506c
cmyk
CMYK(56%, 26%, 0%, 58%)
Decimal
3100780
HEX
#2f506c
HSL
hsl(208, 39%, 30%)
HSLA
hsla(208, 39%, 30%, 1)
RGB
RGB(47, 80, 108)
RGBA
RGBA(47, 80, 108, 1)
Palettes for #2f506c color:
Below are examples of color palettes with the #2f506c HEX color
darkest color is #05080b from shades and lightest color is #eaeef0 from tints
Shades palette of #2f506c:
#2a4861
#264056
#21384c
#1c3041
#182836
#13202b
#0e1820
#091016
#05080b
#000000
Tints palette of #2f506c:
#44627b
#597389
#6d8598
#8296a7
#97a8b6
#acb9c4
#c1cbd3
#d5dce2
#eaeef0
#ffffff
Complementary palette of #2f506c:
#2f506c
#6c4b2f
Triadic palette of #2f506c:
#2f506c
#6c2f50
#506c2f
Square palette of #2f506c:
#2f506c
#692f6c
#6c4b2f
#326c2f
Analogous palette of #2f506c:
#2f6c69
#2f506c
#2f326c
Split-Complementary palette of #2f506c:
#2f506c
#6c2f32
#6c692f
Rectangle (tetradic) palette of #2f506c:
#2f506c
#4b2f6c
#6c4b2f
#506c2f
Suggested color palettes for #2f506c HEX:
Color palette with color #2f506c #1:
Color palette with color #2f506c #2:
Color palette with color #2f506c #3:
Color palette with color #2f506c #4:
Color palette with color #2f506c #5:
Color #2f506c used in palettes (2)
Color Contrast
Color pairings of #2f506c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2f506c
#2f506cContrast Ratio
8.45:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2f506c
#2f506cContrast Ratio
2.48:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2f506c color png
Visit the popular colors list for more colors