#5fa696 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5fa696 | RGB(95, 166, 150) |
Created at 02/18/2023 01:39
RGB values are RGB(95, 166, 150)
#5fa696 color contains Red 37.25%, Green 65.1% and Blue 58.82%.
oklch(67.37% 0.0761 177.69)
#5fa696 color contains Red 37.25%, Green 65.1% and Blue 58.82%.
oklch(67.37% 0.0761 177.69)
Color Names of #5fa696 HEX code
≈ Breaker Bay
Classification of #5fa696 color
#5fa696 is Light and Cool Color Saturation 29%, lightness 51%.
Tint of Light Sea Green
Alternative colors of #5fa696
Opposite Color for #5fa696 is #a65f6f
#5fa696 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5fa696
cmyk
CMYK(43%, 0%, 10%, 35%)
Decimal
6268566
HEX
#5fa696
HSL
hsl(166, 29%, 51%)
HSLA
hsla(166, 29%, 51%, 1)
RGB
RGB(95, 166, 150)
RGBA
RGBA(95, 166, 150, 1)
Palettes for #5fa696 color:
Below are examples of color palettes with the #5fa696 HEX color
darkest color is #09110f from shades and lightest color is #eff6f5 from tints
Shades palette of #5fa696:
#569587
#4c8578
#437469
#39645a
#30534b
#26423c
#1d322d
#13211e
#09110f
#000000
Tints palette of #5fa696:
#6fafa1
#7fb8ab
#8fc1b6
#9fcac0
#afd3cb
#bfdbd5
#cfe4e0
#dfedea
#eff6f5
#ffffff
Complementary palette of #5fa696:
#5fa696
#a65f6f
Triadic palette of #5fa696:
#5fa696
#965fa6
#a6965f
Square palette of #5fa696:
#5fa696
#725fa6
#a65f6f
#93a65f
Analogous palette of #5fa696:
#5fa673
#5fa696
#5f93a6
Split-Complementary palette of #5fa696:
#5fa696
#a65f93
#a6725f
Rectangle (tetradic) palette of #5fa696:
#5fa696
#5f6fa6
#a65f6f
#a6965f
Suggested color palettes for #5fa696 HEX:
Color palette with color #5fa696 #1:
Color palette with color #5fa696 #2:
Color palette with color #5fa696 #3:
Color palette with color #5fa696 #4:
Color palette with color #5fa696 #5:
Color #5fa696 used in palettes (1)
Color Contrast
Color pairings of #5fa696 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5fa696
#5fa696Contrast Ratio
2.84:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5fa696
#5fa696Contrast Ratio
7.38:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5fa696 color png
Visit the popular colors list for more colors