hues-case
Jordy Blue
HEX#7BA6EB
RGB123, 166, 235, 100%
HSL217, 74, 70, 100%
HSB217, 48, 92, 100%
lch67.11 39.81 268.76
oklch0.722 0.1116 259.58
Back
ExamplesVariationsColor schemesAccessibility

Tints

Lighter, less intense

#ffffff
#f0f5fd
#e1ebfc
#d2e2fa
#c3d8f8
#b5cef6
#a6c4f3
#98baf1
#89b0ee
#7ba6eb

Shades

Darker, more solid

#688dc9
#5675a8
#455e88
#344869
#24334c
#152031
#070d18
#010204
#000000

Tones

Muted, more desaturated

#7ba6eb
#7fa6e5
#83a6de
#88a6d8
#8ca7d1
#90a6cb
#94a6c4
#97a6bd
#9ba6b7
#9fa6b0

Similar colors

Related colors

#3bb7d0
#4eb2dd
#65ace6
#7ba6eb
#909feb
#a499e7