#7696a0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7696a0 | RGB(118, 150, 160) |
Created at 10/26/2026 16:40
RGB values are RGB(118, 150, 160)
#7696a0 color contains Red 46.27%, Green 58.82% and Blue 62.75%.
oklch(65.24% 0.0386 218.85)
#7696a0 color contains Red 46.27%, Green 58.82% and Blue 62.75%.
oklch(65.24% 0.0386 218.85)
Color Names of #7696a0 HEX code
≈ Gothic
Classification of #7696a0 color
#7696a0 is Light and Cool Color Saturation 18%, lightness 55%.
Tint of Light Slate Gray
Alternative colors of #7696a0
Opposite Color for #7696a0 is #a08076
#7696a0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7696a0
cmyk
CMYK(26%, 6%, 0%, 37%)
Decimal
7771808
HEX
#7696a0
HSL
hsl(194, 18%, 55%)
HSLA
hsla(194, 18%, 55%, 1)
RGB
RGB(118, 150, 160)
RGBA
RGBA(118, 150, 160, 1)
Palettes for #7696a0 color:
Below are examples of color palettes with the #7696a0 HEX color
darkest color is #0c0f10 from shades and lightest color is #f1f5f6 from tints
Shades palette of #7696a0:
#6a8790
#5e7880
#536970
#475a60
#3b4b50
#2f3c40
#232d30
#181e20
#0c0f10
#000000
Tints palette of #7696a0:
#84a1aa
#91abb3
#9fb6bd
#adc0c6
#bbcbd0
#c8d5d9
#d6e0e3
#e4eaec
#f1f5f6
#ffffff
Complementary palette of #7696a0:
#7696a0
#a08076
Triadic palette of #7696a0:
#7696a0
#a07696
#96a076
Square palette of #7696a0:
#7696a0
#9576a0
#a08076
#81a076
Analogous palette of #7696a0:
#76a095
#7696a0
#7681a0
Split-Complementary palette of #7696a0:
#7696a0
#a07681
#a09576
Rectangle (tetradic) palette of #7696a0:
#7696a0
#8076a0
#a08076
#96a076
Suggested color palettes for #7696a0 HEX:
Color palette with color #7696a0 #1:
Color palette with color #7696a0 #2:
Color palette with color #7696a0 #3:
Color palette with color #7696a0 #4:
Color palette with color #7696a0 #5:
Color Contrast
Color pairings of #7696a0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7696a0
#7696a0Contrast Ratio
3.16:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7696a0
#7696a0Contrast Ratio
6.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7696a0 color png
Visit the popular colors list for more colors