#7cb2f9 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7cb2f9 | RGB(124, 178, 249) |
Created at 02/22/2023 14:40
RGB values are RGB(124, 178, 249)
#7cb2f9 color contains Red 48.63%, Green 69.8% and Blue 97.65%.
oklch(75.45% 0.1178 255.62)
#7cb2f9 color contains Red 48.63%, Green 69.8% and Blue 97.65%.
oklch(75.45% 0.1178 255.62)
Color Names of #7cb2f9 HEX code
≈ Jordy Blue
Classification of #7cb2f9 color
#7cb2f9 is Light and Cool Color Saturation 91%, lightness 73%.
Tint of Cornflower Blue
Alternative colors of #7cb2f9
Opposite Color for #7cb2f9 is #f9c37c
#7cb2f9 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7cb2f9
cmyk
CMYK(50%, 29%, 0%, 2%)
Decimal
8172281
HEX
#7cb2f9
HSL
hsl(214, 91%, 73%)
HSLA
hsla(214, 91%, 73%, 1)
RGB
RGB(124, 178, 249)
RGBA
RGBA(124, 178, 249, 1)
Palettes for #7cb2f9 color:
Below are examples of color palettes with the #7cb2f9 HEX color
darkest color is #0c1219 from shades and lightest color is #f2f7fe from tints
Shades palette of #7cb2f9:
#70a0e0
#638ec7
#577dae
#4a6b95
#3e597d
#324764
#25354b
#192432
#0c1219
#000000
Tints palette of #7cb2f9:
#89bafa
#96c1fa
#a3c9fb
#b0d1fb
#bed9fc
#cbe0fd
#d8e8fd
#e5f0fe
#f2f7fe
#ffffff
Complementary palette of #7cb2f9:
#7cb2f9
#f9c37c
Triadic palette of #7cb2f9:
#7cb2f9
#f97cb2
#b2f97c
Square palette of #7cb2f9:
#7cb2f9
#f97cf0
#f9c37c
#7cf984
Analogous palette of #7cb2f9:
#7cf0f9
#7cb2f9
#847cf9
Split-Complementary palette of #7cb2f9:
#7cb2f9
#f9847c
#f0f97c
Rectangle (tetradic) palette of #7cb2f9:
#7cb2f9
#c37cf9
#f9c37c
#b2f97c
Suggested color palettes for #7cb2f9 HEX:
Color palette with color #7cb2f9 #1:
Color palette with color #7cb2f9 #2:
Color palette with color #7cb2f9 #3:
Color palette with color #7cb2f9 #4:
Color palette with color #7cb2f9 #5:
Color #7cb2f9 used in palettes (1)
Color Contrast
Color pairings of #7cb2f9 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7cb2f9
#7cb2f9Contrast Ratio
2.18:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7cb2f9
#7cb2f9Contrast Ratio
9.59:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7cb2f9 color png
Visit the popular colors list for more colors