Created at 12/14/2023 20:34
#6ba4bd HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #6ba4bd | RGB(107, 164, 189) |
RGB values are RGB(107, 164, 189)
#6ba4bd color contain Red 41.96%, Green 64.31% and Blue 74.12%.
oklch(68.86% 0.07 227.51)
#6ba4bd color contain Red 41.96%, Green 64.31% and Blue 74.12%.
oklch(68.86% 0.07 227.51)
Classification of #6ba4bd color
#6ba4bd is Light and Cool Color Saturation 38%, lightness 58%.
Shade of cadetblue
Alternative colors of #6ba4bd
Opposite Color for #6ba4bd is #bd846b
#6ba4bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #6ba4bd
Decimal
7054525
HEX
#6ba4bd
HSL
hsl(198, 38%, 58%)
HSLA
hsla(198, 38%, 58%, 1)
RGB
RGB(107, 164, 189)
RGBA
RGBA(107, 164, 189, 1)
Palettes for #6ba4bd color:
Below examples of color palettes for #6ba4bd HEX color
darkest color is #0b1013 from shades and lightest color is #f0f6f8 from tints
Shades palette of #6ba4bd:
#6094aa
#568397
#4b7384
#406271
#36525f
#2b424c
#203139
#152126
#0b1013
#000000
Tints palette of #6ba4bd:
#7aadc4
#89b6ca
#97bfd1
#a6c8d7
#b5d2de
#c4dbe5
#d3e4eb
#e1edf2
#f0f6f8
#ffffff
Complementary palette of #6ba4bd:
#6ba4bd
#bd846b
Triadic palette of #6ba4bd:
#6ba4bd
#bd6ba4
#a4bd6b
Square palette of #6ba4bd:
#6ba4bd
#ac6bbd
#7bbd6b
#bd846b
Analogous palette of #6ba4bd:
#6bbdac
#6ba4bd
Split-Complementary palette of #6ba4bd:
#6ba4bd
#6bbdac
Rectangle (tetradic) palette of #6ba4bd:
#6ba4bd
#ac6bbd
#7bbd6b
#bd6b7b
Suggested colors palettes for #6ba4bd HEX:
Colors palette with color #6ba4bd #1:
Colors palette with color #6ba4bd #2:
Colors palette with color #6ba4bd #3:
Colors palette with color #6ba4bd #4:
Colors palette with color #6ba4bd #5:
Color Contrast
Color pairings #6ba4bd with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#6ba4bd
#6ba4bd Contrast Ratio
2.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#6ba4bd
#6ba4bd Contrast Ratio
7.67:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #6ba4bd color png
Visit the popular colors list for more colors