#7bb4f5 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7bb4f5 | RGB(123, 180, 245) |
Created at 10/27/2026 14:14
RGB values are RGB(123, 180, 245)
#7bb4f5 color contains Red 48.24%, Green 70.59% and Blue 96.08%.
oklch(75.64% 0.1116 252.49)
#7bb4f5 color contains Red 48.24%, Green 70.59% and Blue 96.08%.
oklch(75.64% 0.1116 252.49)
Color Names of #7bb4f5 HEX code
≈ Jordy Blue
Classification of #7bb4f5 color
#7bb4f5 is Light and Cool Color Saturation 86%, lightness 72%.
Shade of Light Sky Blue
Alternative colors of #7bb4f5
Opposite Color for #7bb4f5 is #f5bc7b
#7bb4f5 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7bb4f5
cmyk
CMYK(50%, 27%, 0%, 4%)
Decimal
8107253
HEX
#7bb4f5
HSL
hsl(212, 86%, 72%)
HSLA
hsla(212, 86%, 72%, 1)
RGB
RGB(123, 180, 245)
RGBA
RGBA(123, 180, 245, 1)
Palettes for #7bb4f5 color:
Below are examples of color palettes with the #7bb4f5 HEX color
darkest color is #0c1218 from shades and lightest color is #f2f8fe from tints
Shades palette of #7bb4f5:
#6fa2dd
#6290c4
#567eac
#4a6c93
#3e5a7b
#314862
#25364a
#192431
#0c1218
#000000
Tints palette of #7bb4f5:
#88bcf6
#95c3f7
#a3cbf8
#b0d2f9
#bddafa
#cae1fb
#d7e9fc
#e5f0fd
#f2f8fe
#ffffff
Complementary palette of #7bb4f5:
#7bb4f5
#f5bc7b
Triadic palette of #7bb4f5:
#7bb4f5
#f57bb4
#b4f57b
Square palette of #7bb4f5:
#7bb4f5
#f57bf1
#f5bc7b
#7bf57f
Analogous palette of #7bb4f5:
#7bf1f5
#7bb4f5
#7f7bf5
Split-Complementary palette of #7bb4f5:
#7bb4f5
#f57f7b
#f1f57b
Rectangle (tetradic) palette of #7bb4f5:
#7bb4f5
#bc7bf5
#f5bc7b
#b4f57b
Suggested color palettes for #7bb4f5 HEX:
Color palette with color #7bb4f5 #1:
Color palette with color #7bb4f5 #2:
Color palette with color #7bb4f5 #3:
Color palette with color #7bb4f5 #4:
Color palette with color #7bb4f5 #5:
Color Contrast
Color pairings of #7bb4f5 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7bb4f5
#7bb4f5Contrast Ratio
2.16:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7bb4f5
#7bb4f5Contrast Ratio
9.68:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7bb4f5 color png
Visit the popular colors list for more colors