Created at 12/15/2023 17:27
#5fa6dd HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #5fa6dd | RGB(95, 166, 221) |
RGB values are RGB(95, 166, 221)
#5fa6dd color contain Red 37.25%, Green 65.1% and Blue 86.67%.
oklch(70.11% 0.1083 243.59)
#5fa6dd color contain Red 37.25%, Green 65.1% and Blue 86.67%.
oklch(70.11% 0.1083 243.59)
Classification of #5fa6dd color
#5fa6dd is Light and Cool Color Saturation 65%, lightness 62%.
Shade of cornflowerblue
Alternative colors of #5fa6dd
Opposite Color for #5fa6dd is #dd965f
#5fa6dd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5fa6dd
Decimal
6268637
HEX
#5fa6dd
HSL
hsl(206, 65%, 62%)
HSLA
hsla(206, 65%, 62%, 1)
RGB
RGB(95, 166, 221)
RGBA
RGBA(95, 166, 221, 1)
Palettes for #5fa6dd color:
Below examples of color palettes for #5fa6dd HEX color
darkest color is #091116 from shades and lightest color is #eff6fc from tints
Shades palette of #5fa6dd:
#5695c7
#4c85b1
#43749b
#396485
#30536f
#264258
#1d3242
#13212c
#091116
#000000
Tints palette of #5fa6dd:
#6fafe0
#7fb8e4
#8fc1e7
#9fcaeb
#afd3ee
#bfdbf1
#cfe4f5
#dfedf8
#eff6fc
#ffffff
Complementary palette of #5fa6dd:
#5fa6dd
#dd965f
Triadic palette of #5fa6dd:
#5fa6dd
#dd5fa6
#a6dd5f
Square palette of #5fa6dd:
#5fa6dd
#d55fdd
#68dd5f
#dd965f
Analogous palette of #5fa6dd:
#5fddd5
#5fa6dd
Split-Complementary palette of #5fa6dd:
#5fa6dd
#5fddd5
Rectangle (tetradic) palette of #5fa6dd:
#5fa6dd
#d55fdd
#68dd5f
#dd5f68
Suggested colors palettes for #5fa6dd HEX:
Colors palette with color #5fa6dd #1:
Colors palette with color #5fa6dd #2:
Colors palette with color #5fa6dd #3:
Colors palette with color #5fa6dd #4:
Colors palette with color #5fa6dd #5:
Color Contrast
Color pairings #5fa6dd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5fa6dd
#5fa6dd Contrast Ratio
2.62:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5fa6dd
#5fa6dd Contrast Ratio
7.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5fa6dd color png
Visit the popular colors list for more colors