#3ba2c0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3ba2c0 | RGB(59, 162, 192) |
Created at 03/20/2023 17:51
RGB values are RGB(59, 162, 192)
#3ba2c0 color contains Red 23.14%, Green 63.53% and Blue 75.29%.
oklch(66.57% 0.1024 220.95)
#3ba2c0 color contains Red 23.14%, Green 63.53% and Blue 75.29%.
oklch(66.57% 0.1024 220.95)
Color Names of #3ba2c0 HEX code
≈ Pelorous
Classification of #3ba2c0 color
#3ba2c0 is Light and Cool Color Saturation 53%, lightness 49%.
Shade of Cadet Blue
Alternative colors of #3ba2c0
Opposite Color for #3ba2c0 is #c0593b
#3ba2c0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3ba2c0
cmyk
CMYK(69%, 16%, 0%, 25%)
Decimal
3908288
HEX
#3ba2c0
HSL
hsl(194, 53%, 49%)
HSLA
hsla(194, 53%, 49%, 1)
RGB
RGB(59, 162, 192)
RGBA
RGBA(59, 162, 192, 1)
Palettes for #3ba2c0 color:
Below are examples of color palettes with the #3ba2c0 HEX color
darkest color is #061013 from shades and lightest color is #ebf6f9 from tints
Shades palette of #3ba2c0:
#3592ad
#2f829a
#297186
#236173
#1e5160
#18414d
#12313a
#0c2026
#061013
#000000
Tints palette of #3ba2c0:
#4fabc6
#62b5cd
#76bed3
#89c7d9
#9dd1e0
#b1dae6
#c4e3ec
#d8ecf2
#ebf6f9
#ffffff
Complementary palette of #3ba2c0:
#3ba2c0
#c0593b
Triadic palette of #3ba2c0:
#3ba2c0
#c03ba2
#a2c03b
Square palette of #3ba2c0:
#3ba2c0
#9b3bc0
#c0593b
#60c03b
Analogous palette of #3ba2c0:
#3bc09b
#3ba2c0
#3b60c0
Split-Complementary palette of #3ba2c0:
#3ba2c0
#c03b60
#c09b3b
Rectangle (tetradic) palette of #3ba2c0:
#3ba2c0
#593bc0
#c0593b
#a2c03b
Suggested color palettes for #3ba2c0 HEX:
Color palette with color #3ba2c0 #1:
Color palette with color #3ba2c0 #2:
Color palette with color #3ba2c0 #3:
Color palette with color #3ba2c0 #4:
Color palette with color #3ba2c0 #5:
Color #3ba2c0 used in palettes (1)
Color Contrast
Color pairings of #3ba2c0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3ba2c0
#3ba2c0Contrast Ratio
2.95:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3ba2c0
#3ba2c0Contrast Ratio
7.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3ba2c0 color png
Visit the popular colors list for more colors