#86c2f0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #86c2f0 | RGB(134, 194, 240) |
Created at 02/23/2023 04:29
RGB values are RGB(134, 194, 240)
#86c2f0 color contains Red 52.55%, Green 76.08% and Blue 94.12%.
oklch(79.01% 0.0903 242.28)
#86c2f0 color contains Red 52.55%, Green 76.08% and Blue 94.12%.
oklch(79.01% 0.0903 242.28)
Color Names of #86c2f0 HEX code
≈ Jordy Blue
Classification of #86c2f0 color
#86c2f0 is Light and Cool Color Saturation 78%, lightness 73%.
Shade of Light Sky Blue
Alternative colors of #86c2f0
Opposite Color for #86c2f0 is #f0b486
#86c2f0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #86c2f0
cmyk
CMYK(44%, 19%, 0%, 6%)
Decimal
8831728
HEX
#86c2f0
HSL
hsl(206, 78%, 73%)
HSLA
hsla(206, 78%, 73%, 1)
RGB
RGB(134, 194, 240)
RGBA
RGBA(134, 194, 240, 1)
Palettes for #86c2f0 color:
Below are examples of color palettes with the #86c2f0 HEX color
darkest color is #0d1318 from shades and lightest color is #f3f9fe from tints
Shades palette of #86c2f0:
#79afd8
#6b9bc0
#5e88a8
#507490
#436178
#364e60
#283a48
#1b2730
#0d1318
#000000
Tints palette of #86c2f0:
#92c8f2
#9ecef3
#aad4f5
#b6daf6
#c3e1f8
#cfe7f9
#dbedfb
#e7f3fc
#f3f9fe
#ffffff
Complementary palette of #86c2f0:
#86c2f0
#f0b486
Triadic palette of #86c2f0:
#86c2f0
#f086c2
#c2f086
Square palette of #86c2f0:
#86c2f0
#e986f0
#f0b486
#8df086
Analogous palette of #86c2f0:
#86f0e9
#86c2f0
#868df0
Split-Complementary palette of #86c2f0:
#86c2f0
#f0868d
#f0e986
Rectangle (tetradic) palette of #86c2f0:
#86c2f0
#b486f0
#f0b486
#c2f086
Suggested color palettes for #86c2f0 HEX:
Color palette with color #86c2f0 #1:
Color palette with color #86c2f0 #2:
Color palette with color #86c2f0 #3:
Color palette with color #86c2f0 #4:
Color palette with color #86c2f0 #5:
Color #86c2f0 used in palettes (1)
Color Contrast
Color pairings of #86c2f0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#86c2f0
#86c2f0Contrast Ratio
1.91:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#86c2f0
#86c2f0Contrast Ratio
10.98:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #86c2f0 color png
Visit the popular colors list for more colors