#7bbaf0 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7bbaf0 | RGB(123, 186, 240) |
Created at 10/21/2024 21:30
RGB values are RGB(123, 186, 240)
#7bbaf0 color contains Red 48.24%, Green 72.94% and Blue 94.12%.
oklch(76.71% 0.1013 245.5)
#7bbaf0 color contains Red 48.24%, Green 72.94% and Blue 94.12%.
oklch(76.71% 0.1013 245.5)
Color Names of #7bbaf0 HEX code
≈ Jordy Blue
Classification of #7bbaf0 color
#7bbaf0 is Light and Cool Color Saturation 80%, lightness 71%.
Shade of Light Sky Blue
Alternative colors of #7bbaf0
Opposite Color for #7bbaf0 is #f0b17b
#7bbaf0 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7bbaf0
cmyk
CMYK(49%, 23%, 0%, 6%)
Decimal
8108784
HEX
#7bbaf0
HSL
hsl(208, 80%, 71%)
HSLA
hsla(208, 80%, 71%, 1)
RGB
RGB(123, 186, 240)
RGBA
RGBA(123, 186, 240, 1)
Palettes for #7bbaf0 color:
Below are examples of color palettes with the #7bbaf0 HEX color
darkest color is #0c1318 from shades and lightest color is #f2f8fe from tints
Shades palette of #7bbaf0:
#6fa7d8
#6295c0
#5682a8
#4a7090
#3e5d78
#314a60
#253848
#192530
#0c1318
#000000
Tints palette of #7bbaf0:
#88c1f2
#95c8f3
#a3cff5
#b0d6f6
#bdddf8
#cae3f9
#d7eafb
#e5f1fc
#f2f8fe
#ffffff
Complementary palette of #7bbaf0:
#7bbaf0
#f0b17b
Triadic palette of #7bbaf0:
#7bbaf0
#f07bba
#baf07b
Square palette of #7bbaf0:
#7bbaf0
#ec7bf0
#f0b17b
#7ff07b
Analogous palette of #7bbaf0:
#7bf0ec
#7bbaf0
#7b7ff0
Split-Complementary palette of #7bbaf0:
#7bbaf0
#f07b7f
#f0ec7b
Rectangle (tetradic) palette of #7bbaf0:
#7bbaf0
#b17bf0
#f0b17b
#baf07b
Suggested color palettes for #7bbaf0 HEX:
Color palette with color #7bbaf0 #1:
Color palette with color #7bbaf0 #2:
Color palette with color #7bbaf0 #3:
Color palette with color #7bbaf0 #4:
Color palette with color #7bbaf0 #5:
Color Contrast
Color pairings of #7bbaf0 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7bbaf0
#7bbaf0Contrast Ratio
2.07:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7bbaf0
#7bbaf0Contrast Ratio
10.12:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7bbaf0 color png
Visit the popular colors list for more colors