#2a7bd4 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2a7bd4 | RGB(42, 123, 212) |
Created at 02/20/2023 19:31
RGB values are RGB(42, 123, 212)
#2a7bd4 color contains Red 16.47%, Green 48.24% and Blue 83.14%.
oklch(58.06% 0.1567 253.91)
#2a7bd4 color contains Red 16.47%, Green 48.24% and Blue 83.14%.
oklch(58.06% 0.1567 253.91)
Color Names of #2a7bd4 HEX code
≈ Mariner
Classification of #2a7bd4 color
#2a7bd4 is Light and Cool Color Saturation 67%, lightness 50%.
Shade of Steel Blue
Alternative colors of #2a7bd4
Opposite Color for #2a7bd4 is #d4832a
#2a7bd4 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a7bd4
cmyk
CMYK(80%, 42%, 0%, 17%)
Decimal
2784212
HEX
#2a7bd4
HSL
hsl(211, 67%, 50%)
HSLA
hsla(211, 67%, 50%, 1)
RGB
RGB(42, 123, 212)
RGBA
RGBA(42, 123, 212, 1)
Palettes for #2a7bd4 color:
Below are examples of color palettes with the #2a7bd4 HEX color
darkest color is #040c15 from shades and lightest color is #eaf2fb from tints
Shades palette of #2a7bd4:
#266fbf
#2262aa
#1d5694
#194a7f
#153e6a
#113155
#0d2540
#08192a
#040c15
#000000
Tints palette of #2a7bd4:
#3f88d8
#5595dd
#6aa3e1
#7fb0e5
#95bdea
#aacaee
#bfd7f2
#d4e5f6
#eaf2fb
#ffffff
Complementary palette of #2a7bd4:
#2a7bd4
#d4832a
Triadic palette of #2a7bd4:
#2a7bd4
#d42a7b
#7bd42a
Square palette of #2a7bd4:
#2a7bd4
#d42ad0
#d4832a
#2ad42e
Analogous palette of #2a7bd4:
#2ad0d4
#2a7bd4
#2e2ad4
Split-Complementary palette of #2a7bd4:
#2a7bd4
#d42e2a
#d0d42a
Rectangle (tetradic) palette of #2a7bd4:
#2a7bd4
#832ad4
#d4832a
#7bd42a
Suggested color palettes for #2a7bd4 HEX:
Color palette with color #2a7bd4 #1:
Color palette with color #2a7bd4 #2:
Color palette with color #2a7bd4 #3:
Color palette with color #2a7bd4 #4:
Color palette with color #2a7bd4 #5:
Color #2a7bd4 used in palettes (1)
Color Contrast
Color pairings of #2a7bd4 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2a7bd4
#2a7bd4 Contrast Ratio
4.3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a7bd4
#2a7bd4 Contrast Ratio
4.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a7bd4 color png
Visit the popular colors list for more colors