#2a5e78 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2a5e78 | RGB(42, 94, 120) |
Created at 10/01/2026 18:08
RGB values are RGB(42, 94, 120)
#2a5e78 color contains Red 16.47%, Green 36.86% and Blue 47.06%.
oklch(45.81% 0.0696 232.88)
#2a5e78 color contains Red 16.47%, Green 36.86% and Blue 47.06%.
oklch(45.81% 0.0696 232.88)
Color Names of #2a5e78 HEX code
≈ Casal
Classification of #2a5e78 color
#2a5e78 is Semi dark and Cool Color Saturation 48%, lightness 32%.
Tint of Dark Slate Gray
Alternative colors of #2a5e78
Opposite Color for #2a5e78 is #78442a
#2a5e78 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a5e78
cmyk
CMYK(65%, 22%, 0%, 53%)
Decimal
2776696
HEX
#2a5e78
HSL
hsl(200, 48%, 32%)
HSLA
hsla(200, 48%, 32%, 1)
RGB
RGB(42, 94, 120)
RGBA
RGBA(42, 94, 120, 1)
Palettes for #2a5e78 color:
Below are examples of color palettes with the #2a5e78 HEX color
darkest color is #04090c from shades and lightest color is #eaeff2 from tints
Shades palette of #2a5e78:
#26556c
#224b60
#1d4254
#193848
#152f3c
#112630
#0d1c24
#081318
#04090c
#000000
Tints palette of #2a5e78:
#3f6e86
#557e93
#6a8ea1
#7f9eae
#95afbc
#aabfc9
#bfcfd7
#d4dfe4
#eaeff2
#ffffff
Complementary palette of #2a5e78:
#2a5e78
#78442a
Triadic palette of #2a5e78:
#2a5e78
#782a5e
#5e782a
Square palette of #2a5e78:
#2a5e78
#6b2a78
#78442a
#37782a
Analogous palette of #2a5e78:
#2a786b
#2a5e78
#2a3778
Split-Complementary palette of #2a5e78:
#2a5e78
#782a37
#786b2a
Rectangle (tetradic) palette of #2a5e78:
#2a5e78
#442a78
#78442a
#5e782a
Suggested color palettes for #2a5e78 HEX:
Color palette with color #2a5e78 #1:
Color palette with color #2a5e78 #2:
Color palette with color #2a5e78 #3:
Color palette with color #2a5e78 #4:
Color palette with color #2a5e78 #5:
Color Contrast
Color pairings of #2a5e78 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2a5e78
#2a5e78Contrast Ratio
7.06:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a5e78
#2a5e78Contrast Ratio
2.97:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a5e78 color png
Visit the popular colors list for more colors