#86a4f5 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #86a4f5 | RGB(134, 164, 245) |
Created at 10/22/2026 16:53
RGB values are RGB(134, 164, 245)
#86a4f5 color contains Red 52.55%, Green 64.31% and Blue 96.08%.
oklch(72.93% 0.1229 267.83)
#86a4f5 color contains Red 52.55%, Green 64.31% and Blue 96.08%.
oklch(72.93% 0.1229 267.83)
Color Names of #86a4f5 HEX code
≈ Portage
Classification of #86a4f5 color
#86a4f5 is Light and Cool Color Saturation 85%, lightness 74%.
Tint of Cornflower Blue
Alternative colors of #86a4f5
Opposite Color for #86a4f5 is #f5d786
#86a4f5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #86a4f5
cmyk
CMYK(45%, 33%, 0%, 4%)
Decimal
8824053
HEX
#86a4f5
HSL
hsl(224, 85%, 74%)
HSLA
hsla(224, 85%, 74%, 1)
RGB
RGB(134, 164, 245)
RGBA
RGBA(134, 164, 245, 1)
Palettes for #86a4f5 color:
Below are examples of color palettes with the #86a4f5 HEX color
darkest color is #0d1018 from shades and lightest color is #f3f6fe from tints
Shades palette of #86a4f5:
#7994dd
#6b83c4
#5e73ac
#506293
#43527b
#364262
#28314a
#1b2131
#0d1018
#000000
Tints palette of #86a4f5:
#92adf6
#9eb6f7
#aabff8
#b6c8f9
#c3d2fa
#cfdbfb
#dbe4fc
#e7edfd
#f3f6fe
#ffffff
Complementary palette of #86a4f5:
#86a4f5
#f5d786
Triadic palette of #86a4f5:
#86a4f5
#f586a4
#a4f586
Square palette of #86a4f5:
#86a4f5
#f586dc
#f5d786
#86f59f
Analogous palette of #86a4f5:
#86dcf5
#86a4f5
#9f86f5
Split-Complementary palette of #86a4f5:
#86a4f5
#f59f86
#dcf586
Rectangle (tetradic) palette of #86a4f5:
#86a4f5
#d786f5
#f5d786
#a4f586
Suggested color palettes for #86a4f5 HEX:
Color palette with color #86a4f5 #1:
Color palette with color #86a4f5 #2:
Color palette with color #86a4f5 #3:
Color palette with color #86a4f5 #4:
Color palette with color #86a4f5 #5:
Color Contrast
Color pairings of #86a4f5 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#86a4f5
#86a4f5Contrast Ratio
2.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#86a4f5
#86a4f5Contrast Ratio
8.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #86a4f5 color png
Visit the popular colors list for more colors