#3ca5bd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3ca5bd | RGB(60, 165, 189) |
Created at 02/28/2023 10:21
RGB values are RGB(60, 165, 189)
#3ca5bd color contains Red 23.53%, Green 64.71% and Blue 74.12%.
oklch(67.19% 0.1002 215.95)
#3ca5bd color contains Red 23.53%, Green 64.71% and Blue 74.12%.
oklch(67.19% 0.1002 215.95)
Color Names of #3ca5bd HEX code
≈ Pelorous
Classification of #3ca5bd color
#3ca5bd is Light and Cool Color Saturation 52%, lightness 49%.
Shade of Cadet Blue
Alternative colors of #3ca5bd
Opposite Color for #3ca5bd is #bd543c
#3ca5bd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3ca5bd
cmyk
CMYK(68%, 13%, 0%, 26%)
Decimal
3974589
HEX
#3ca5bd
HSL
hsl(191, 52%, 49%)
HSLA
hsla(191, 52%, 49%, 1)
RGB
RGB(60, 165, 189)
RGBA
RGBA(60, 165, 189, 1)
Palettes for #3ca5bd color:
Below are examples of color palettes with the #3ca5bd HEX color
darkest color is #061013 from shades and lightest color is #ecf6f8 from tints
Shades palette of #3ca5bd:
#3695aa
#308497
#2a7384
#246371
#1e535f
#18424c
#123239
#0c2126
#061013
#000000
Tints palette of #3ca5bd:
#50aec4
#63b7ca
#77c0d1
#8ac9d7
#9ed2de
#b1dbe5
#c5e4eb
#d8edf2
#ecf6f8
#ffffff
Complementary palette of #3ca5bd:
#3ca5bd
#bd543c
Triadic palette of #3ca5bd:
#3ca5bd
#bd3ca5
#a5bd3c
Square palette of #3ca5bd:
#3ca5bd
#943cbd
#bd543c
#65bd3c
Analogous palette of #3ca5bd:
#3cbd94
#3ca5bd
#3c65bd
Split-Complementary palette of #3ca5bd:
#3ca5bd
#bd3c65
#bd943c
Rectangle (tetradic) palette of #3ca5bd:
#3ca5bd
#543cbd
#bd543c
#a5bd3c
Suggested color palettes for #3ca5bd HEX:
Color palette with color #3ca5bd #1:
Color palette with color #3ca5bd #2:
Color palette with color #3ca5bd #3:
Color palette with color #3ca5bd #4:
Color palette with color #3ca5bd #5:
Color #3ca5bd used in palettes (1)
Color Contrast
Color pairings of #3ca5bd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3ca5bd
#3ca5bdContrast Ratio
2.87:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3ca5bd
#3ca5bdContrast Ratio
7.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3ca5bd color png
Visit the popular colors list for more colors