#2857a6 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2857a6 | RGB(40, 87, 166) |
Created at 10/24/2026 10:38
RGB values are RGB(40, 87, 166)
#2857a6 color contains Red 15.69%, Green 34.12% and Blue 65.1%.
oklch(46.85% 0.1374 260.16)
#2857a6 color contains Red 15.69%, Green 34.12% and Blue 65.1%.
oklch(46.85% 0.1374 260.16)
Color Names of #2857a6 HEX code
≈ Azure
Classification of #2857a6 color
#2857a6 is Semi dark and Cool Color Saturation 61%, lightness 40%.
Shade of Royal Blue
Alternative colors of #2857a6
Opposite Color for #2857a6 is #a67728
#2857a6 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2857a6
cmyk
CMYK(76%, 48%, 0%, 35%)
Decimal
2643878
HEX
#2857a6
HSL
hsl(218, 61%, 40%)
HSLA
hsla(218, 61%, 40%, 1)
RGB
RGB(40, 87, 166)
RGBA
RGBA(40, 87, 166, 1)
Palettes for #2857a6 color:
Below are examples of color palettes with the #2857a6 HEX color
darkest color is #040911 from shades and lightest color is #eaeef6 from tints
Shades palette of #2857a6:
#244e95
#204685
#1c3d74
#183464
#142c53
#102342
#0c1a32
#081121
#040911
#000000
Tints palette of #2857a6:
#3d68af
#5379b8
#6989c1
#7e9aca
#94abd3
#a9bcdb
#bfcde4
#d4dded
#eaeef6
#ffffff
Complementary palette of #2857a6:
#2857a6
#a67728
Triadic palette of #2857a6:
#2857a6
#a62857
#57a628
Square palette of #2857a6:
#2857a6
#a62896
#a67728
#28a638
Analogous palette of #2857a6:
#2896a6
#2857a6
#3828a6
Split-Complementary palette of #2857a6:
#2857a6
#a63828
#96a628
Rectangle (tetradic) palette of #2857a6:
#2857a6
#7728a6
#a67728
#57a628
Suggested color palettes for #2857a6 HEX:
Color palette with color #2857a6 #1:
Color palette with color #2857a6 #2:
Color palette with color #2857a6 #3:
Color palette with color #2857a6 #4:
Color palette with color #2857a6 #5:
Color Contrast
Color pairings of #2857a6 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2857a6
#2857a6Contrast Ratio
6.99:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2857a6
#2857a6Contrast Ratio
3:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2857a6 color png
Visit the popular colors list for more colors