#3ca6bf HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3ca6bf | RGB(60, 166, 191) |
Created at 03/03/2023 09:55
RGB values are RGB(60, 166, 191)
#3ca6bf color contains Red 23.53%, Green 65.1% and Blue 74.9%.
oklch(67.52% 0.1013 216.58)
#3ca6bf color contains Red 23.53%, Green 65.1% and Blue 74.9%.
oklch(67.52% 0.1013 216.58)
Color Names of #3ca6bf HEX code
≈ Pelorous
Classification of #3ca6bf color
#3ca6bf is Light and Cool Color Saturation 52%, lightness 49%.
Shade of Cadet Blue
Alternative colors of #3ca6bf
Opposite Color for #3ca6bf is #bf553c
#3ca6bf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3ca6bf
cmyk
CMYK(69%, 13%, 0%, 25%)
Decimal
3974847
HEX
#3ca6bf
HSL
hsl(191, 52%, 49%)
HSLA
hsla(191, 52%, 49%, 1)
RGB
RGB(60, 166, 191)
RGBA
RGBA(60, 166, 191, 1)
Palettes for #3ca6bf color:
Below are examples of color palettes with the #3ca6bf HEX color
darkest color is #061113 from shades and lightest color is #ecf6f9 from tints
Shades palette of #3ca6bf:
#3695ac
#308599
#2a7486
#246473
#1e5360
#18424c
#123239
#0c2126
#061113
#000000
Tints palette of #3ca6bf:
#50afc5
#63b8cc
#77c1d2
#8acad9
#9ed3df
#b1dbe5
#c5e4ec
#d8edf2
#ecf6f9
#ffffff
Complementary palette of #3ca6bf:
#3ca6bf
#bf553c
Triadic palette of #3ca6bf:
#3ca6bf
#bf3ca6
#a6bf3c
Square palette of #3ca6bf:
#3ca6bf
#963cbf
#bf553c
#65bf3c
Analogous palette of #3ca6bf:
#3cbf96
#3ca6bf
#3c65bf
Split-Complementary palette of #3ca6bf:
#3ca6bf
#bf3c65
#bf963c
Rectangle (tetradic) palette of #3ca6bf:
#3ca6bf
#553cbf
#bf553c
#a6bf3c
Suggested color palettes for #3ca6bf HEX:
Color palette with color #3ca6bf #1:
Color palette with color #3ca6bf #2:
Color palette with color #3ca6bf #3:
Color palette with color #3ca6bf #4:
Color palette with color #3ca6bf #5:
Color #3ca6bf used in palettes (1)
Color Contrast
Color pairings of #3ca6bf with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3ca6bf
#3ca6bfContrast Ratio
2.83:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3ca6bf
#3ca6bfContrast Ratio
7.39:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3ca6bf color png
Visit the popular colors list for more colors