#7ba5fd HEX color information
| Color | HEX | RGB |
|---|---|---|
| #7ba5fd | RGB(123, 165, 253) |
Created at 02/26/2023 22:18
RGB values are RGB(123, 165, 253)
#7ba5fd color contains Red 48.24%, Green 64.71% and Blue 99.22%.
oklch(72.88% 0.1365 263.95)
#7ba5fd color contains Red 48.24%, Green 64.71% and Blue 99.22%.
oklch(72.88% 0.1365 263.95)
Color Names of #7ba5fd HEX code
≈ Portage
Classification of #7ba5fd color
#7ba5fd is Light and Cool Color Saturation 97%, lightness 74%.
Tint of Cornflower Blue
Alternative colors of #7ba5fd
Opposite Color for #7ba5fd is #fdd37b
#7ba5fd Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #7ba5fd
cmyk
CMYK(51%, 35%, 0%, 1%)
Decimal
8103421
HEX
#7ba5fd
HSL
hsl(221, 97%, 74%)
HSLA
hsla(221, 97%, 74%, 1)
RGB
RGB(123, 165, 253)
RGBA
RGBA(123, 165, 253, 1)
Palettes for #7ba5fd color:
Below are examples of color palettes with the #7ba5fd HEX color
darkest color is #0c1019 from shades and lightest color is #f2f6ff from tints
Shades palette of #7ba5fd:
#6f95e4
#6284ca
#5673b1
#4a6398
#3e537f
#314265
#25324c
#192133
#0c1019
#000000
Tints palette of #7ba5fd:
#88aefd
#95b7fd
#a3c0fe
#b0c9fe
#bdd2fe
#cadbfe
#d7e4fe
#e5edff
#f2f6ff
#ffffff
Complementary palette of #7ba5fd:
#7ba5fd
#fdd37b
Triadic palette of #7ba5fd:
#7ba5fd
#fd7ba5
#a5fd7b
Square palette of #7ba5fd:
#7ba5fd
#fd7be6
#fdd37b
#7bfd92
Analogous palette of #7ba5fd:
#7be6fd
#7ba5fd
#927bfd
Split-Complementary palette of #7ba5fd:
#7ba5fd
#fd927b
#e6fd7b
Rectangle (tetradic) palette of #7ba5fd:
#7ba5fd
#d37bfd
#fdd37b
#a5fd7b
Suggested color palettes for #7ba5fd HEX:
Color palette with color #7ba5fd #1:
Color palette with color #7ba5fd #2:
Color palette with color #7ba5fd #3:
Color palette with color #7ba5fd #4:
Color palette with color #7ba5fd #5:
Color #7ba5fd used in palettes (1)
Color Contrast
Color pairings of #7ba5fd with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#7ba5fd
#7ba5fdContrast Ratio
2.42:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#7ba5fd
#7ba5fdContrast Ratio
8.64:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #7ba5fd color png
Visit the popular colors list for more colors