#87baf1 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #87baf1 | RGB(135, 186, 241) |
Created at 11/07/2026 00:04
RGB values are RGB(135, 186, 241)
#87baf1 color contains Red 52.94%, Green 72.94% and Blue 94.51%.
oklch(77.39% 0.0958 250.97)
#87baf1 color contains Red 52.94%, Green 72.94% and Blue 94.51%.
oklch(77.39% 0.0958 250.97)
Color Names of #87baf1 HEX code
≈ Jordy Blue
Classification of #87baf1 color
#87baf1 is Light and Cool Color Saturation 79%, lightness 74%.
Shade of Light Sky Blue
Alternative colors of #87baf1
Opposite Color for #87baf1 is #f1be87
#87baf1 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #87baf1
cmyk
CMYK(44%, 23%, 0%, 5%)
Decimal
8895217
HEX
#87baf1
HSL
hsl(211, 79%, 74%)
HSLA
hsla(211, 79%, 74%, 1)
RGB
RGB(135, 186, 241)
RGBA
RGBA(135, 186, 241, 1)
Palettes for #87baf1 color:
Below are examples of color palettes with the #87baf1 HEX color
darkest color is #0d1318 from shades and lightest color is #f3f8fe from tints
Shades palette of #87baf1:
#7aa7d9
#6c95c1
#5f82a9
#517091
#445d79
#364a60
#293848
#1b2530
#0d1318
#000000
Tints palette of #87baf1:
#93c1f2
#9fc8f4
#abcff5
#b7d6f7
#c3ddf8
#cfe3f9
#dbeafb
#e7f1fc
#f3f8fe
#ffffff
Complementary palette of #87baf1:
#87baf1
#f1be87
Triadic palette of #87baf1:
#87baf1
#f187ba
#baf187
Square palette of #87baf1:
#87baf1
#f187ef
#f1be87
#87f189
Analogous palette of #87baf1:
#87eff1
#87baf1
#8987f1
Split-Complementary palette of #87baf1:
#87baf1
#f18987
#eff187
Rectangle (tetradic) palette of #87baf1:
#87baf1
#be87f1
#f1be87
#baf187
Suggested color palettes for #87baf1 HEX:
Color palette with color #87baf1 #1:
Color palette with color #87baf1 #2:
Color palette with color #87baf1 #3:
Color palette with color #87baf1 #4:
Color palette with color #87baf1 #5:
Color Contrast
Color pairings of #87baf1 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#87baf1
#87baf1Contrast Ratio
2.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#87baf1
#87baf1Contrast Ratio
10.32:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #87baf1 color png
Visit the popular colors list for more colors