#86b0f6 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #86b0f6 | RGB(134, 176, 246) |
Created at 10/01/2026 18:18
RGB values are RGB(134, 176, 246)
#86b0f6 color contains Red 52.55%, Green 69.02% and Blue 96.47%.
oklch(75.45% 0.1113 260.32)
#86b0f6 color contains Red 52.55%, Green 69.02% and Blue 96.47%.
oklch(75.45% 0.1113 260.32)
Color Names of #86b0f6 HEX code
≈ Jordy Blue
Classification of #86b0f6 color
#86b0f6 is Light and Cool Color Saturation 86%, lightness 75%.
Tint of Cornflower Blue
Alternative colors of #86b0f6
Opposite Color for #86b0f6 is #f6cc86
#86b0f6 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #86b0f6
cmyk
CMYK(46%, 28%, 0%, 4%)
Decimal
8827126
HEX
#86b0f6
HSL
hsl(218, 86%, 75%)
HSLA
hsla(218, 86%, 75%, 1)
RGB
RGB(134, 176, 246)
RGBA
RGBA(134, 176, 246, 1)
Palettes for #86b0f6 color:
Below are examples of color palettes with the #86b0f6 HEX color
darkest color is #0d1219 from shades and lightest color is #f3f7fe from tints
Shades palette of #86b0f6:
#799edd
#6b8dc5
#5e7bac
#506a94
#43587b
#364662
#28354a
#1b2331
#0d1219
#000000
Tints palette of #86b0f6:
#92b8f7
#9ec0f8
#aac8f9
#b6d0fa
#c3d8fb
#cfdffb
#dbe7fc
#e7effd
#f3f7fe
#ffffff
Complementary palette of #86b0f6:
#86b0f6
#f6cc86
Triadic palette of #86b0f6:
#86b0f6
#f686b0
#b0f686
Square palette of #86b0f6:
#86b0f6
#f686e8
#f6cc86
#86f694
Analogous palette of #86b0f6:
#86e8f6
#86b0f6
#9486f6
Split-Complementary palette of #86b0f6:
#86b0f6
#f69486
#e8f686
Rectangle (tetradic) palette of #86b0f6:
#86b0f6
#cc86f6
#f6cc86
#b0f686
Suggested color palettes for #86b0f6 HEX:
Color palette with color #86b0f6 #1:
Color palette with color #86b0f6 #2:
Color palette with color #86b0f6 #3:
Color palette with color #86b0f6 #4:
Color palette with color #86b0f6 #5:
Color Contrast
Color pairings of #86b0f6 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#86b0f6
#86b0f6Contrast Ratio
2.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#86b0f6
#86b0f6Contrast Ratio
9.55:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #86b0f6 color png
Visit the popular colors list for more colors