#5ba296 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5ba296 | RGB(91, 162, 150) |
Created at 03/06/2023 09:29
RGB values are RGB(91, 162, 150)
#5ba296 color contains Red 35.69%, Green 63.53% and Blue 58.82%.
oklch(66.21% 0.0743 181.82)
#5ba296 color contains Red 35.69%, Green 63.53% and Blue 58.82%.
oklch(66.21% 0.0743 181.82)
Color Names of #5ba296 HEX code
≈ Breaker Bay
Classification of #5ba296 color
#5ba296 is Light and Cool Color Saturation 28%, lightness 50%.
Tint of Cadet Blue
Alternative colors of #5ba296
Opposite Color for #5ba296 is #a25b67
#5ba296 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5ba296
cmyk
CMYK(44%, 0%, 7%, 36%)
Decimal
6005398
HEX
#5ba296
HSL
hsl(170, 28%, 50%)
HSLA
hsla(170, 28%, 50%, 1)
RGB
RGB(91, 162, 150)
RGBA
RGBA(91, 162, 150, 1)
Palettes for #5ba296 color:
Below are examples of color palettes with the #5ba296 HEX color
darkest color is #09100f from shades and lightest color is #eff6f5 from tints
Shades palette of #5ba296:
#529287
#498278
#407169
#37615a
#2e514b
#24413c
#1b312d
#12201e
#09100f
#000000
Tints palette of #5ba296:
#6baba1
#7cb5ab
#8cbeb6
#9dc7c0
#add1cb
#bddad5
#cee3e0
#deecea
#eff6f5
#ffffff
Complementary palette of #5ba296:
#5ba296
#a25b67
Triadic palette of #5ba296:
#5ba296
#965ba2
#a2965b
Square palette of #5ba296:
#5ba296
#735ba2
#a25b67
#8ba25b
Analogous palette of #5ba296:
#5ba273
#5ba296
#5b8ba2
Split-Complementary palette of #5ba296:
#5ba296
#a25b8b
#a2735b
Rectangle (tetradic) palette of #5ba296:
#5ba296
#5b67a2
#a25b67
#a2965b
Suggested color palettes for #5ba296 HEX:
Color palette with color #5ba296 #1:
Color palette with color #5ba296 #2:
Color palette with color #5ba296 #3:
Color palette with color #5ba296 #4:
Color palette with color #5ba296 #5:
Color #5ba296 used in palettes (1)
Color Contrast
Color pairings of #5ba296 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5ba296
#5ba296 Contrast Ratio
2.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5ba296
#5ba296 Contrast Ratio
7.05:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5ba296 color png
Visit the popular colors list for more colors