#2a7fd2 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2a7fd2 | RGB(42, 127, 210) |
Created at 02/28/2023 16:18
RGB values are RGB(42, 127, 210)
#2a7fd2 color contains Red 16.47%, Green 49.8% and Blue 82.35%.
oklch(58.83% 0.1499 251.66)
#2a7fd2 color contains Red 16.47%, Green 49.8% and Blue 82.35%.
oklch(58.83% 0.1499 251.66)
Color Names of #2a7fd2 HEX code
≈ Mariner
Classification of #2a7fd2 color
#2a7fd2 is Light and Cool Color Saturation 67%, lightness 49%.
Shade of Steel Blue
Alternative colors of #2a7fd2
Opposite Color for #2a7fd2 is #d27d2a
#2a7fd2 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a7fd2
cmyk
CMYK(80%, 40%, 0%, 18%)
Decimal
2785234
HEX
#2a7fd2
HSL
hsl(210, 67%, 49%)
HSLA
hsla(210, 67%, 49%, 1)
RGB
RGB(42, 127, 210)
RGBA
RGBA(42, 127, 210, 1)
Palettes for #2a7fd2 color:
Below are examples of color palettes with the #2a7fd2 HEX color
darkest color is #040d15 from shades and lightest color is #eaf2fb from tints
Shades palette of #2a7fd2:
#2672bd
#2266a8
#1d5993
#194c7e
#154069
#113354
#0d263f
#08192a
#040d15
#000000
Tints palette of #2a7fd2:
#3f8cd7
#5599db
#6aa5e0
#7fb2e4
#95bfe9
#aacced
#bfd9f2
#d4e5f6
#eaf2fb
#ffffff
Complementary palette of #2a7fd2:
#2a7fd2
#d27d2a
Triadic palette of #2a7fd2:
#2a7fd2
#d22a7f
#7fd22a
Square palette of #2a7fd2:
#2a7fd2
#d12ad2
#d27d2a
#2bd22a
Analogous palette of #2a7fd2:
#2ad2d1
#2a7fd2
#2a2bd2
Split-Complementary palette of #2a7fd2:
#2a7fd2
#d22a2b
#d2d12a
Rectangle (tetradic) palette of #2a7fd2:
#2a7fd2
#7d2ad2
#d27d2a
#7fd22a
Suggested color palettes for #2a7fd2 HEX:
Color palette with color #2a7fd2 #1:
Color palette with color #2a7fd2 #2:
Color palette with color #2a7fd2 #3:
Color palette with color #2a7fd2 #4:
Color palette with color #2a7fd2 #5:
Color #2a7fd2 used in palettes (1)
Color Contrast
Color pairings of #2a7fd2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2a7fd2
#2a7fd2Contrast Ratio
4.14:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a7fd2
#2a7fd2Contrast Ratio
5.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a7fd2 color png
Visit the popular colors list for more colors