#6774f2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #6774f2 | RGB(103, 116, 242) |
Created at 10/26/2026 16:37
RGB values are RGB(103, 116, 242)
#6774f2 color contains Red 40.39%, Green 45.49% and Blue 94.9%.
oklch(61.38% 0.187 275.03)
#6774f2 color contains Red 40.39%, Green 45.49% and Blue 94.9%.
oklch(61.38% 0.187 275.03)
Color Names of #6774f2 HEX code
≈ Cornflower Blue
Classification of #6774f2 color
#6774f2 is Light and Cool Color Saturation 84%, lightness 68%.
Tint of Medium Slate Blue
Alternative colors of #6774f2
Opposite Color for #6774f2 is #f2e567
#6774f2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #6774f2
cmyk
CMYK(57%, 52%, 0%, 5%)
Decimal
6780146
HEX
#6774f2
HSL
hsl(234, 84%, 68%)
HSLA
hsla(234, 84%, 68%, 1)
RGB
RGB(103, 116, 242)
RGBA
RGBA(103, 116, 242, 1)
Palettes for #6774f2 color:
Below are examples of color palettes with the #6774f2 HEX color
darkest color is #0a0c18 from shades and lightest color is #f0f1fe from tints
Shades palette of #6774f2:
#5d68da
#525dc2
#4851a9
#3e4691
#343a79
#292e61
#1f2349
#151730
#0a0c18
#000000
Tints palette of #6774f2:
#7682f3
#8590f5
#959ef6
#a4acf7
#b3baf9
#c2c7fa
#d1d5fb
#e1e3fc
#f0f1fe
#ffffff
Complementary palette of #6774f2:
#6774f2
#f2e567
Triadic palette of #6774f2:
#6774f2
#f26774
#74f267
Square palette of #6774f2:
#6774f2
#f267b9
#f2e567
#67f2a0
Analogous palette of #6774f2:
#67b9f2
#6774f2
#a067f2
Split-Complementary palette of #6774f2:
#6774f2
#f2a067
#b9f267
Rectangle (tetradic) palette of #6774f2:
#6774f2
#e567f2
#f2e567
#74f267
Suggested color palettes for #6774f2 HEX:
Color palette with color #6774f2 #1:
Color palette with color #6774f2 #2:
Color palette with color #6774f2 #3:
Color palette with color #6774f2 #4:
Color palette with color #6774f2 #5:
Color Contrast
Color pairings of #6774f2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#6774f2
#6774f2Contrast Ratio
3.92:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#6774f2
#6774f2Contrast Ratio
5.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #6774f2 color png
Visit the popular colors list for more colors