#86aef2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #86aef2 | RGB(134, 174, 242) |
Created at 10/31/2026 09:20
RGB values are RGB(134, 174, 242)
#86aef2 color contains Red 52.55%, Green 68.24% and Blue 94.9%.
oklch(74.85% 0.1081 260.71)
#86aef2 color contains Red 52.55%, Green 68.24% and Blue 94.9%.
oklch(74.85% 0.1081 260.71)
Color Names of #86aef2 HEX code
≈ Jordy Blue
Classification of #86aef2 color
#86aef2 is Light and Cool Color Saturation 81%, lightness 74%.
Tint of Cornflower Blue
Alternative colors of #86aef2
Opposite Color for #86aef2 is #f2ca86
#86aef2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #86aef2
cmyk
CMYK(45%, 28%, 0%, 5%)
Decimal
8826610
HEX
#86aef2
HSL
hsl(218, 81%, 74%)
HSLA
hsla(218, 81%, 74%, 1)
RGB
RGB(134, 174, 242)
RGBA
RGBA(134, 174, 242, 1)
Palettes for #86aef2 color:
Below are examples of color palettes with the #86aef2 HEX color
darkest color is #0d1118 from shades and lightest color is #f3f7fe from tints
Shades palette of #86aef2:
#799dda
#6b8bc2
#5e7aa9
#506891
#435779
#364661
#283449
#1b2330
#0d1118
#000000
Tints palette of #86aef2:
#92b6f3
#9ebef5
#aac6f6
#b6cef7
#c3d7f9
#cfdffa
#dbe7fb
#e7effc
#f3f7fe
#ffffff
Complementary palette of #86aef2:
#86aef2
#f2ca86
Triadic palette of #86aef2:
#86aef2
#f286ae
#aef286
Square palette of #86aef2:
#86aef2
#f286e4
#f2ca86
#86f294
Analogous palette of #86aef2:
#86e4f2
#86aef2
#9486f2
Split-Complementary palette of #86aef2:
#86aef2
#f29486
#e4f286
Rectangle (tetradic) palette of #86aef2:
#86aef2
#ca86f2
#f2ca86
#aef286
Suggested color palettes for #86aef2 HEX:
Color palette with color #86aef2 #1:
Color palette with color #86aef2 #2:
Color palette with color #86aef2 #3:
Color palette with color #86aef2 #4:
Color palette with color #86aef2 #5:
Color Contrast
Color pairings of #86aef2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#86aef2
#86aef2Contrast Ratio
2.24:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#86aef2
#86aef2Contrast Ratio
9.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #86aef2 color png
Visit the popular colors list for more colors