#3cb4f0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #3cb4f0 | RGB(60, 180, 240) |
Created at 03/09/2023 10:35
RGB values are RGB(60, 180, 240)
#3cb4f0 color contains Red 23.53%, Green 70.59% and Blue 94.12%.
oklch(73.00% 0.135 235.17)
#3cb4f0 color contains Red 23.53%, Green 70.59% and Blue 94.12%.
oklch(73.00% 0.135 235.17)
Color Names of #3cb4f0 HEX code
Picton Blue Color
Classification of #3cb4f0 color
#3cb4f0 is Light and Cool Color Saturation 86%, lightness 59%.
Tint of Deep Sky Blue
Alternative colors of #3cb4f0
Opposite Color for #3cb4f0 is #f0783c
#3cb4f0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3cb4f0
cmyk
CMYK(75%, 25%, 0%, 6%)
Decimal
3978480
HEX
#3cb4f0
HSL
hsl(200, 86%, 59%)
HSLA
hsla(200, 86%, 59%, 1)
RGB
RGB(60, 180, 240)
RGBA
RGBA(60, 180, 240, 1)
Palettes for #3cb4f0 color:
Below are examples of color palettes with the #3cb4f0 HEX color
darkest color is #061218 from shades and lightest color is #ecf8fe from tints
Shades palette of #3cb4f0:
#36a2d8
#3090c0
#2a7ea8
#246c90
#1e5a78
#184860
#123648
#0c2430
#061218
#000000
Tints palette of #3cb4f0:
#50bcf2
#63c3f3
#77cbf5
#8ad2f6
#9edaf8
#b1e1f9
#c5e9fb
#d8f0fc
#ecf8fe
#ffffff
Complementary palette of #3cb4f0:
#3cb4f0
#f0783c
Triadic palette of #3cb4f0:
#3cb4f0
#f03cb4
#b4f03c
Square palette of #3cb4f0:
#3cb4f0
#d23cf0
#f0783c
#5af03c
Analogous palette of #3cb4f0:
#3cf0d2
#3cb4f0
#3c5af0
Split-Complementary palette of #3cb4f0:
#3cb4f0
#f03c5a
#f0d23c
Rectangle (tetradic) palette of #3cb4f0:
#3cb4f0
#783cf0
#f0783c
#b4f03c
Suggested color palettes for #3cb4f0 HEX:
Color palette with color #3cb4f0 #1:
Color palette with color #3cb4f0 #2:
Color palette with color #3cb4f0 #3:
Color palette with color #3cb4f0 #4:
Color palette with color #3cb4f0 #5:
Color #3cb4f0 used in palettes (15)
A b c d e f g h i j k m n logo design minimalist colors paletteB 3Character praying donation lebaran coloursAbcdefghijklmnopqrstuvwxyz monogram logo maker gradient coloursBrand identity focus lab agency design colorsPaw letter symbol puppyType tratodigno vector design palettePuppy lettering logotype paw colorsBrand identity design branding agency hex colorsIllustration affinity designer honeycomb neri oxmanVector illustration ice geometricMagazine illustration editorial las vegas hex colorsLogotype paw logo typography hex colorsFlowers sunglasses butterfly cherry blossom coloursPalette6
Color Contrast
Color pairings of #3cb4f0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#3cb4f0
#3cb4f0Contrast Ratio
2.33:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3cb4f0
#3cb4f0Contrast Ratio
8.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #3cb4f0 color png
Visit the popular colors list for more colors