#316c77 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #316c77 | RGB(49, 108, 119) |
Created at 12/18/2023 20:53
RGB values are RGB(49, 108, 119)
#316c77 color contains Red 19.22%, Green 42.35% and Blue 46.67%.
oklch(49.67% 0.0634 211.45)
#316c77 color contains Red 19.22%, Green 42.35% and Blue 46.67%.
oklch(49.67% 0.0634 211.45)
Color Names of #316c77 HEX code
≈ Oracle
Classification of #316c77 color
#316c77 is Semi dark and Cool Color Saturation 42%, lightness 33%.
Tint of Teal
Alternative colors of #316c77
Opposite Color for #316c77 is #773c31
#316c77 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #316c77
cmyk
CMYK(59%, 9%, 0%, 53%)
Decimal
3239031
HEX
#316c77
HSL
hsl(189, 42%, 33%)
HSLA
hsla(189, 42%, 33%, 1)
RGB
RGB(49, 108, 119)
RGBA
RGBA(49, 108, 119, 1)
Palettes for #316c77 color:
Below are examples of color palettes with the #316c77 HEX color
darkest color is #050b0c from shades and lightest color is #eaf0f1 from tints
Shades palette of #316c77:
#2c616b
#27565f
#224c53
#1d4147
#19363c
#142b30
#0f2024
#0a1618
#050b0c
#000000
Tints palette of #316c77:
#467b85
#5a8992
#6f98a0
#83a7ad
#98b6bb
#adc4c9
#c1d3d6
#d6e2e4
#eaf0f1
#ffffff
Complementary palette of #316c77:
#316c77
#773c31
Triadic palette of #316c77:
#316c77
#77316c
#6c7731
Square palette of #316c77:
#316c77
#5f3177
#773c31
#497731
Analogous palette of #316c77:
#31775f
#316c77
#314977
Split-Complementary palette of #316c77:
#316c77
#773149
#775f31
Rectangle (tetradic) palette of #316c77:
#316c77
#3c3177
#773c31
#6c7731
Suggested color palettes for #316c77 HEX:
Color palette with color #316c77 #1:
Color palette with color #316c77 #2:
Color palette with color #316c77 #3:
Color palette with color #316c77 #4:
Color palette with color #316c77 #5:
Color Contrast
Color pairings of #316c77 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#316c77
#316c77Contrast Ratio
5.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#316c77
#316c77Contrast Ratio
3.54:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #316c77 color png
Visit the popular colors list for more colors