Created at 02/20/2023 09:38
#5b8dcd HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #5b8dcd | RGB(91, 141, 205) |
RGB values are RGB(91, 141, 205)
#5b8dcd color contain Red 35.69%, Green 55.29% and Blue 80.39%.
oklch(63.57% 0.111 255.17)
#5b8dcd color contain Red 35.69%, Green 55.29% and Blue 80.39%.
oklch(63.57% 0.111 255.17)
Classification of #5b8dcd color
#5b8dcd is Light and Cool Color Saturation 53%, lightness 58%.
Tint of cornflowerblue
Alternative colors of #5b8dcd
Opposite Color for #5b8dcd is #cd9b5b
#5b8dcd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #5b8dcd
Decimal
6000077
HEX
#5b8dcd
HSL
hsl(214, 53%, 58%)
HSLA
hsla(214, 53%, 58%, 1)
RGB
RGB(91, 141, 205)
RGBA
RGBA(91, 141, 205, 1)
Palettes for #5b8dcd color:
Below examples of color palettes for #5b8dcd HEX color
darkest color is #090e14 from shades and lightest color is #eff4fa from tints
Shades palette of #5b8dcd:
#527fb9
#4971a4
#406390
#37557b
#2e4767
#243852
#1b2a3e
#121c29
#090e14
#000000
Tints palette of #5b8dcd:
#6b98d2
#7ca4d7
#8cafdc
#9dbbe1
#adc6e6
#bdd1eb
#ceddf0
#dee8f5
#eff4fa
#ffffff
Complementary palette of #5b8dcd:
#5b8ccd
#cd9b5b
Triadic palette of #5b8dcd:
#5b8ccd
#cd5b8c
#8ccd5b
Square palette of #5b8dcd:
#5b8ccd
#cd5bc5
#5bcd63
#cd9b5b
Analogous palette of #5b8dcd:
#5bc5cd
#5b8ccd
Split-Complementary palette of #5b8dcd:
#5b8ccd
#5bc5cd
Rectangle (tetradic) palette of #5b8dcd:
#5b8ccd
#cd5bc5
#5bcd63
#cd635b
Suggested colors palettes for #5b8dcd HEX:
Colors palette with color #5b8dcd #1:
Colors palette with color #5b8dcd #2:
Colors palette with color #5b8dcd #3:
Colors palette with color #5b8dcd #4:
Colors palette with color #5b8dcd #5:
Color #5b8dcd used in palettes (1)
Color Contrast
Color pairings #5b8dcd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#5b8dcd
#5b8dcd Contrast Ratio
3.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#5b8dcd
#5b8dcd Contrast Ratio
6.13:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #5b8dcd color png
Visit the popular colors list for more colors