#649cfc HEX color information
| Color | HEX | RGB |
|---|---|---|
| #649cfc | RGB(100, 156, 252) |
Created at 02/27/2023 18:26
RGB values are RGB(100, 156, 252)
#649cfc color contains Red 39.22%, Green 61.18% and Blue 98.82%.
oklch(69.76% 0.1536 260.54)
#649cfc color contains Red 39.22%, Green 61.18% and Blue 98.82%.
oklch(69.76% 0.1536 260.54)
Color Names of #649cfc HEX code
≈ Cornflower Blue
Classification of #649cfc color
#649cfc is Light and Cool Color Saturation 96%, lightness 69%.
Tint of Cornflower Blue
Alternative colors of #649cfc
Opposite Color for #649cfc is #fcc464
#649cfc Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #649cfc
cmyk
CMYK(60%, 38%, 0%, 1%)
Decimal
6593788
HEX
#649cfc
HSL
hsl(218, 96%, 69%)
HSLA
hsla(218, 96%, 69%, 1)
RGB
RGB(100, 156, 252)
RGBA
RGBA(100, 156, 252, 1)
Palettes for #649cfc color:
Below are examples of color palettes with the #649cfc HEX color
darkest color is #0a1019 from shades and lightest color is #f0f5ff from tints
Shades palette of #649cfc:
#5a8ce3
#507dca
#466db0
#3c5e97
#324e7e
#283e65
#1e2f4c
#141f32
#0a1019
#000000
Tints palette of #649cfc:
#74a6fc
#83b0fd
#93bafd
#a2c4fd
#b2cefe
#c1d7fe
#d1e1fe
#e0ebfe
#f0f5ff
#ffffff
Complementary palette of #649cfc:
#649cfc
#fcc464
Triadic palette of #649cfc:
#649cfc
#fc649c
#9cfc64
Square palette of #649cfc:
#649cfc
#fc64e8
#fcc464
#64fc78
Analogous palette of #649cfc:
#64e8fc
#649cfc
#7864fc
Split-Complementary palette of #649cfc:
#649cfc
#fc7864
#e8fc64
Rectangle (tetradic) palette of #649cfc:
#649cfc
#c464fc
#fcc464
#9cfc64
Suggested color palettes for #649cfc HEX:
Color palette with color #649cfc #1:
Color palette with color #649cfc #2:
Color palette with color #649cfc #3:
Color palette with color #649cfc #4:
Color palette with color #649cfc #5:
Color #649cfc used in palettes (7)
Lines procreate hand drawn lineDaily ui challenge analytics chart design dailyui18 coloursPrint character design style sticker paletteItaly trekking brochure travel colors paletteService business gradient communication colors paletteUiux medical app ux blur colorsWeb ui illustration practice colours
Color Contrast
Color pairings of #649cfc with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#649cfc
#649cfcContrast Ratio
2.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#649cfc
#649cfcContrast Ratio
7.7:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #649cfc color png
Visit the popular colors list for more colors