#3fa5bf HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3fa5bf | RGB(63, 165, 191) |
Created at 02/19/2023 04:35
RGB values are RGB(63, 165, 191)
#3fa5bf color contains Red 24.71%, Green 64.71% and Blue 74.9%.
oklch(67.36% 0.0998 217.89)
#3fa5bf color contains Red 24.71%, Green 64.71% and Blue 74.9%.
oklch(67.36% 0.0998 217.89)
Color Names of #3fa5bf HEX code
≈ Pelorous
Classification of #3fa5bf color
#3fa5bf is Light and Cool Color Saturation 50%, lightness 50%.
Shade of Cadet Blue
Alternative colors of #3fa5bf
Opposite Color for #3fa5bf is #bf593f
#3fa5bf Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3fa5bf
cmyk
CMYK(67%, 14%, 0%, 25%)
Decimal
4171199
HEX
#3fa5bf
HSL
hsl(192, 50%, 50%)
HSLA
hsla(192, 50%, 50%, 1)
RGB
RGB(63, 165, 191)
RGBA
RGBA(63, 165, 191, 1)
Palettes for #3fa5bf color:
Below are examples of color palettes with the #3fa5bf HEX color
darkest color is #061013 from shades and lightest color is #ecf6f9 from tints
Shades palette of #3fa5bf:
#3995ac
#328499
#2c7386
#266373
#205360
#19424c
#133239
#0d2126
#061013
#000000
Tints palette of #3fa5bf:
#52aec5
#65b7cc
#79c0d2
#8cc9d9
#9fd2df
#b2dbe5
#c5e4ec
#d9edf2
#ecf6f9
#ffffff
Complementary palette of #3fa5bf:
#3fa5bf
#bf593f
Triadic palette of #3fa5bf:
#3fa5bf
#bf3fa5
#a5bf3f
Square palette of #3fa5bf:
#3fa5bf
#993fbf
#bf593f
#65bf3f
Analogous palette of #3fa5bf:
#3fbf99
#3fa5bf
#3f65bf
Split-Complementary palette of #3fa5bf:
#3fa5bf
#bf3f65
#bf993f
Rectangle (tetradic) palette of #3fa5bf:
#3fa5bf
#593fbf
#bf593f
#a5bf3f
Suggested color palettes for #3fa5bf HEX:
Color palette with color #3fa5bf #1:
Color palette with color #3fa5bf #2:
Color palette with color #3fa5bf #3:
Color palette with color #3fa5bf #4:
Color palette with color #3fa5bf #5:
Color #3fa5bf used in palettes (3)
Color Contrast
Color pairings of #3fa5bf with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3fa5bf
#3fa5bfContrast Ratio
2.85:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3fa5bf
#3fa5bfContrast Ratio
7.34:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3fa5bf color png
Visit the popular colors list for more colors