#5fa5bd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #5fa5bd | RGB(95, 165, 189) |
Created at 02/20/2023 19:31
RGB values are RGB(95, 165, 189)
#5fa5bd color contains Red 37.25%, Green 64.71% and Blue 74.12%.
oklch(68.50% 0.0788 222.26)
#5fa5bd color contains Red 37.25%, Green 64.71% and Blue 74.12%.
oklch(68.50% 0.0788 222.26)
Color Names of #5fa5bd HEX code
≈ Fountain Blue
Classification of #5fa5bd color
#5fa5bd is Light and Cool Color Saturation 42%, lightness 56%.
Tint of Cadet Blue
Alternative colors of #5fa5bd
Opposite Color for #5fa5bd is #bd775f
#5fa5bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5fa5bd
cmyk
CMYK(50%, 13%, 0%, 26%)
Decimal
6268349
HEX
#5fa5bd
HSL
hsl(195, 42%, 56%)
HSLA
hsla(195, 42%, 56%, 1)
RGB
RGB(95, 165, 189)
RGBA
RGBA(95, 165, 189, 1)
Palettes for #5fa5bd color:
Below are examples of color palettes with the #5fa5bd HEX color
darkest color is #091013 from shades and lightest color is #eff6f8 from tints
Shades palette of #5fa5bd:
#5695aa
#4c8497
#437384
#396371
#30535f
#26424c
#1d3239
#132126
#091013
#000000
Tints palette of #5fa5bd:
#6faec4
#7fb7ca
#8fc0d1
#9fc9d7
#afd2de
#bfdbe5
#cfe4eb
#dfedf2
#eff6f8
#ffffff
Complementary palette of #5fa5bd:
#5fa5bd
#bd775f
Triadic palette of #5fa5bd:
#5fa5bd
#bd5fa5
#a5bd5f
Square palette of #5fa5bd:
#5fa5bd
#a65fbd
#bd775f
#76bd5f
Analogous palette of #5fa5bd:
#5fbda6
#5fa5bd
#5f76bd
Split-Complementary palette of #5fa5bd:
#5fa5bd
#bd5f76
#bda65f
Rectangle (tetradic) palette of #5fa5bd:
#5fa5bd
#775fbd
#bd775f
#a5bd5f
Suggested color palettes for #5fa5bd HEX:
Color palette with color #5fa5bd #1:
Color palette with color #5fa5bd #2:
Color palette with color #5fa5bd #3:
Color palette with color #5fa5bd #4:
Color palette with color #5fa5bd #5:
Color #5fa5bd used in palettes (1)
Color Contrast
Color pairings of #5fa5bd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#5fa5bd
#5fa5bdContrast Ratio
2.76:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5fa5bd
#5fa5bdContrast Ratio
7.6:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5fa5bd color png
Visit the popular colors list for more colors