#84baf4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #84baf4 | RGB(132, 186, 244) |
Created at 10/16/2026 00:44
RGB values are RGB(132, 186, 244)
#84baf4 color contains Red 51.76%, Green 72.94% and Blue 95.69%.
oklch(77.36% 0.101 250.95)
#84baf4 color contains Red 51.76%, Green 72.94% and Blue 95.69%.
oklch(77.36% 0.101 250.95)
Color Names of #84baf4 HEX code
≈ Jordy Blue
Classification of #84baf4 color
#84baf4 is Light and Cool Color Saturation 84%, lightness 74%.
Shade of Light Sky Blue
Alternative colors of #84baf4
Opposite Color for #84baf4 is #f4be84
#84baf4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #84baf4
cmyk
CMYK(46%, 24%, 0%, 4%)
Decimal
8698612
HEX
#84baf4
HSL
hsl(211, 84%, 74%)
HSLA
hsla(211, 84%, 74%, 1)
RGB
RGB(132, 186, 244)
RGBA
RGBA(132, 186, 244, 1)
Palettes for #84baf4 color:
Below are examples of color palettes with the #84baf4 HEX color
darkest color is #0d1318 from shades and lightest color is #f3f8fe from tints
Shades palette of #84baf4:
#77a7dc
#6a95c3
#5c82ab
#4f7092
#425d7a
#354a62
#283849
#1a2531
#0d1318
#000000
Tints palette of #84baf4:
#90c1f5
#9dc8f6
#a9cff7
#b5d6f8
#c2ddfa
#cee3fb
#daeafc
#e6f1fd
#f3f8fe
#ffffff
Complementary palette of #84baf4:
#84baf4
#f4be84
Triadic palette of #84baf4:
#84baf4
#f484ba
#baf484
Square palette of #84baf4:
#84baf4
#f484f2
#f4be84
#84f486
Analogous palette of #84baf4:
#84f2f4
#84baf4
#8684f4
Split-Complementary palette of #84baf4:
#84baf4
#f48684
#f2f484
Rectangle (tetradic) palette of #84baf4:
#84baf4
#be84f4
#f4be84
#baf484
Suggested color palettes for #84baf4 HEX:
Color palette with color #84baf4 #1:
Color palette with color #84baf4 #2:
Color palette with color #84baf4 #3:
Color palette with color #84baf4 #4:
Color palette with color #84baf4 #5:
Color Contrast
Color pairings of #84baf4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#84baf4
#84baf4Contrast Ratio
2.03:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#84baf4
#84baf4Contrast Ratio
10.31:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #84baf4 color png
Visit the popular colors list for more colors