Created at 04/27/2023 09:44
#3c8cf0 HEX Color information
| Color | HEX | RGB |
| #3c8cf0 | RGB(60, 140, 240) |
RGB values are RGB(60, 140, 240)
#3c8cf0 color contain Red 23.53%, Green 54.9% and Blue 94.12%.
Color Names of #3c8cf0 HEX code
Bleu De France, Seljuk Blue Color
Alternative colors of #3c8cf0
Opposite Color for #3c8cf0 is #f09f3d
#3c8cf0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #3c8cf0
Decimal
3968240
HEX
#3c8cf0
HSL
hsl(213, 86%, 59%)
HSLA
hsla(213, 86%, 59%, 1)
RGB
RGB(60, 140, 240)
RGBA
RGBA(60, 140, 240, 1)
Palettes for #3c8cf0 color:
Below examples of color palettes for #3c8cf0 HEX color
darkest color is #060e18 from shades and lightest color is #ecf4fe from tints
Shades palette of #3c8cf0:
Tints palette of #3c8cf0:
Complementary palette of #3c8cf0:
Triadic palette of #3c8cf0:
Square palette of #3c8cf0:
Analogous palette of #3c8cf0:
Split-Complementary palette of #3c8cf0:
Rectangle (tetradic) palette of #3c8cf0:
Color #3c8cf0 used in palettes (17)
Unique medical creative care hex colors Gardening digital art adobe illustrator illustration colours For sale creative logo travel agency flat colours Visual identity logo folio 2023 branding design Logo designer icon clean colors palette Logo clean design creative palette Card web app university search colours Logo mark minimal business vector colours Web stocks effective income Popular logo branding design colors Letter logo great monogram branding palette Logo logotype logodesign design colors Brand design company logo designer Layout logo brandguidelines social media Aframe outpost design outdoors hex colors Design ux ui graphic colors palette raed
Color Contrast
Color pairings #3c8cf0 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#3c8cf0
#3c8cf0 Contrast Ratio
3.38:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#3c8cf0
#3c8cf0 Contrast Ratio
6.2:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
