#6ca4f2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #6ca4f2 | RGB(108, 164, 242) |
Created at 02/23/2023 17:20
RGB values are RGB(108, 164, 242)
#6ca4f2 color contains Red 42.35%, Green 64.31% and Blue 94.9%.
oklch(71.31% 0.1292 256.87)
#6ca4f2 color contains Red 42.35%, Green 64.31% and Blue 94.9%.
oklch(71.31% 0.1292 256.87)
Color Names of #6ca4f2 HEX code
≈ Cornflower Blue
Classification of #6ca4f2 color
#6ca4f2 is Light and Cool Color Saturation 84%, lightness 69%.
Tint of Cornflower Blue
Alternative colors of #6ca4f2
Opposite Color for #6ca4f2 is #f2ba6c
#6ca4f2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #6ca4f2
cmyk
CMYK(55%, 32%, 0%, 5%)
Decimal
7120114
HEX
#6ca4f2
HSL
hsl(215, 84%, 69%)
HSLA
hsla(215, 84%, 69%, 1)
RGB
RGB(108, 164, 242)
RGBA
RGBA(108, 164, 242, 1)
Palettes for #6ca4f2 color:
Below are examples of color palettes with the #6ca4f2 HEX color
darkest color is #0b1018 from shades and lightest color is #f0f6fe from tints
Shades palette of #6ca4f2:
#6194da
#5683c2
#4c73a9
#416291
#365279
#2b4261
#203149
#162130
#0b1018
#000000
Tints palette of #6ca4f2:
#7badf3
#89b6f5
#98bff6
#a7c8f7
#b6d2f9
#c4dbfa
#d3e4fb
#e2edfc
#f0f6fe
#ffffff
Complementary palette of #6ca4f2:
#6ca4f2
#f2ba6c
Triadic palette of #6ca4f2:
#6ca4f2
#f26ca4
#a4f26c
Square palette of #6ca4f2:
#6ca4f2
#f26ce7
#f2ba6c
#6cf277
Analogous palette of #6ca4f2:
#6ce7f2
#6ca4f2
#776cf2
Split-Complementary palette of #6ca4f2:
#6ca4f2
#f2776c
#e7f26c
Rectangle (tetradic) palette of #6ca4f2:
#6ca4f2
#ba6cf2
#f2ba6c
#a4f26c
Suggested color palettes for #6ca4f2 HEX:
Color palette with color #6ca4f2 #1:
Color palette with color #6ca4f2 #2:
Color palette with color #6ca4f2 #3:
Color palette with color #6ca4f2 #4:
Color palette with color #6ca4f2 #5:
Color #6ca4f2 used in palettes (1)
Color Contrast
Color pairings of #6ca4f2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#6ca4f2
#6ca4f2Contrast Ratio
2.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#6ca4f2
#6ca4f2Contrast Ratio
8.22:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #6ca4f2 color png
Visit the popular colors list for more colors