#7cbaf3 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7cbaf3 | RGB(124, 186, 243) |
Created at 02/23/2023 14:09
RGB values are RGB(124, 186, 243)
#7cbaf3 color contains Red 48.63%, Green 72.94% and Blue 95.29%.
oklch(76.89% 0.1042 247.29)
#7cbaf3 color contains Red 48.63%, Green 72.94% and Blue 95.29%.
oklch(76.89% 0.1042 247.29)
Color Names of #7cbaf3 HEX code
≈ Jordy Blue
Classification of #7cbaf3 color
#7cbaf3 is Light and Cool Color Saturation 83%, lightness 72%.
Shade of Light Sky Blue
Alternative colors of #7cbaf3
Opposite Color for #7cbaf3 is #f3b57c
#7cbaf3 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7cbaf3
cmyk
CMYK(49%, 23%, 0%, 5%)
Decimal
8174323
HEX
#7cbaf3
HSL
hsl(209, 83%, 72%)
HSLA
hsla(209, 83%, 72%, 1)
RGB
RGB(124, 186, 243)
RGBA
RGBA(124, 186, 243, 1)
Palettes for #7cbaf3 color:
Below are examples of color palettes with the #7cbaf3 HEX color
darkest color is #0c1318 from shades and lightest color is #f2f8fe from tints
Shades palette of #7cbaf3:
#70a7db
#6395c2
#5782aa
#4a7092
#3e5d7a
#324a61
#253849
#192531
#0c1318
#000000
Tints palette of #7cbaf3:
#89c1f4
#96c8f5
#a3cff7
#b0d6f8
#beddf9
#cbe3fa
#d8eafb
#e5f1fd
#f2f8fe
#ffffff
Complementary palette of #7cbaf3:
#7cbaf3
#f3b57c
Triadic palette of #7cbaf3:
#7cbaf3
#f37cba
#baf37c
Square palette of #7cbaf3:
#7cbaf3
#f17cf3
#f3b57c
#7ef37c
Analogous palette of #7cbaf3:
#7cf3f1
#7cbaf3
#7c7ef3
Split-Complementary palette of #7cbaf3:
#7cbaf3
#f37c7e
#f3f17c
Rectangle (tetradic) palette of #7cbaf3:
#7cbaf3
#b57cf3
#f3b57c
#baf37c
Suggested color palettes for #7cbaf3 HEX:
Color palette with color #7cbaf3 #1:
Color palette with color #7cbaf3 #2:
Color palette with color #7cbaf3 #3:
Color palette with color #7cbaf3 #4:
Color palette with color #7cbaf3 #5:
Color #7cbaf3 used in palettes (1)
Color Contrast
Color pairings of #7cbaf3 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7cbaf3
#7cbaf3Contrast Ratio
2.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7cbaf3
#7cbaf3Contrast Ratio
10.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7cbaf3 color png
Visit the popular colors list for more colors