Created at 12/17/2023 07:47
#6ca2bc HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #6ca2bc | RGB(108, 162, 188) |
RGB values are RGB(108, 162, 188)
#6ca2bc color contain Red 42.35%, Green 63.53% and Blue 73.73%.
oklch(68.42% 0.0686 229.78)
#6ca2bc color contain Red 42.35%, Green 63.53% and Blue 73.73%.
oklch(68.42% 0.0686 229.78)
Classification of #6ca2bc color
#6ca2bc is Light and Cool Color Saturation 37%, lightness 58%.
Tint of cadetblue
Alternative colors of #6ca2bc
Opposite Color for #6ca2bc is #bc876c
#6ca2bc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #6ca2bc
Decimal
7119548
HEX
#6ca2bc
HSL
hsl(200, 37%, 58%)
HSLA
hsla(200, 37%, 58%, 1)
RGB
RGB(108, 162, 188)
RGBA
RGBA(108, 162, 188, 1)
Palettes for #6ca2bc color:
Below examples of color palettes for #6ca2bc HEX color
darkest color is #0b1013 from shades and lightest color is #f0f6f8 from tints
Shades palette of #6ca2bc:
#6192a9
#568296
#4c7184
#416171
#36515e
#2b414b
#203138
#162026
#0b1013
#000000
Tints palette of #6ca2bc:
#7babc3
#89b5c9
#98bed0
#a7c7d7
#b6d1de
#c4dae4
#d3e3eb
#e2ecf2
#f0f6f8
#ffffff
Complementary palette of #6ca2bc:
#6ca1bc
#bc876c
Triadic palette of #6ca2bc:
#6ca1bc
#bc6ca1
#a1bc6c
Square palette of #6ca2bc:
#6ca1bc
#ae6cbc
#79bc6c
#bc876c
Analogous palette of #6ca2bc:
#6cbcae
#6ca1bc
Split-Complementary palette of #6ca2bc:
#6ca1bc
#6cbcae
Rectangle (tetradic) palette of #6ca2bc:
#6ca1bc
#ae6cbc
#79bc6c
#bc6c79
Suggested colors palettes for #6ca2bc HEX:
Colors palette with color #6ca2bc #1:
Colors palette with color #6ca2bc #2:
Colors palette with color #6ca2bc #3:
Colors palette with color #6ca2bc #4:
Colors palette with color #6ca2bc #5:
Color Contrast
Color pairings #6ca2bc with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#6ca2bc
#6ca2bc Contrast Ratio
2.78:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#6ca2bc
#6ca2bc Contrast Ratio
7.53:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #6ca2bc color png
Visit the popular colors list for more colors