#2f4d60 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2f4d60 | RGB(47, 77, 96) |
Created at 03/01/2023 03:24
RGB values are RGB(47, 77, 96)
#2f4d60 color contains Red 18.43%, Green 30.2% and Blue 37.65%.
oklch(40.50% 0.048 237.42)
#2f4d60 color contains Red 18.43%, Green 30.2% and Blue 37.65%.
oklch(40.50% 0.048 237.42)
Color Names of #2f4d60 HEX code
≈ San Juan
Classification of #2f4d60 color
#2f4d60 is Semi dark and Cool Color Saturation 34%, lightness 28%.
Tint of Dark Slate Gray
Alternative colors of #2f4d60
Opposite Color for #2f4d60 is #60422f
#2f4d60 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2f4d60
cmyk
CMYK(51%, 20%, 0%, 62%)
Decimal
3100000
HEX
#2f4d60
HSL
hsl(203, 34%, 28%)
HSLA
hsla(203, 34%, 28%, 1)
RGB
RGB(47, 77, 96)
RGBA
RGBA(47, 77, 96, 1)
Palettes for #2f4d60 color:
Below are examples of color palettes with the #2f4d60 HEX color
darkest color is #05080a from shades and lightest color is #eaedef from tints
Shades palette of #2f4d60:
#2a4556
#263e4d
#213643
#1c2e3a
#182730
#131f26
#0e171d
#090f13
#05080a
#000000
Tints palette of #2f4d60:
#445f70
#597180
#6d8290
#8294a0
#97a6b0
#acb8bf
#c1cacf
#d5dbdf
#eaedef
#ffffff
Complementary palette of #2f4d60:
#2f4d60
#60422f
Triadic palette of #2f4d60:
#2f4d60
#602f4d
#4d602f
Square palette of #2f4d60:
#2f4d60
#5b2f60
#60422f
#34602f
Analogous palette of #2f4d60:
#2f605b
#2f4d60
#2f3460
Split-Complementary palette of #2f4d60:
#2f4d60
#602f34
#605b2f
Rectangle (tetradic) palette of #2f4d60:
#2f4d60
#422f60
#60422f
#4d602f
Suggested color palettes for #2f4d60 HEX:
Color palette with color #2f4d60 #1:
Color palette with color #2f4d60 #2:
Color palette with color #2f4d60 #3:
Color palette with color #2f4d60 #4:
Color palette with color #2f4d60 #5:
Color #2f4d60 used in palettes (2)
Color Contrast
Color pairings of #2f4d60 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2f4d60
#2f4d60Contrast Ratio
8.93:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2f4d60
#2f4d60Contrast Ratio
2.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2f4d60 color png
Visit the popular colors list for more colors