#2a6570 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2a6570 | RGB(42, 101, 112) |
Created at 11/04/2026 21:57
RGB values are RGB(42, 101, 112)
#2a6570 color contains Red 16.47%, Green 39.61% and Blue 43.92%.
oklch(47.27% 0.063 211.68)
#2a6570 color contains Red 16.47%, Green 39.61% and Blue 43.92%.
oklch(47.27% 0.063 211.68)
Color Names of #2a6570 HEX code
≈ Casal
Classification of #2a6570 color
#2a6570 is Semi dark and Cool Color Saturation 45%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #2a6570
Opposite Color for #2a6570 is #70352a
#2a6570 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a6570
cmyk
CMYK(63%, 10%, 0%, 56%)
Decimal
2778480
HEX
#2a6570
HSL
hsl(189, 45%, 30%)
HSLA
hsla(189, 45%, 30%, 1)
RGB
RGB(42, 101, 112)
RGBA
RGBA(42, 101, 112, 1)
Palettes for #2a6570 color:
Below are examples of color palettes with the #2a6570 HEX color
darkest color is #040a0b from shades and lightest color is #eaf0f1 from tints
Shades palette of #2a6570:
#265b65
#22515a
#1d474e
#193d43
#153338
#11282d
#0d1e22
#081416
#040a0b
#000000
Tints palette of #2a6570:
#3f747e
#55848d
#6a939b
#7fa3a9
#95b2b8
#aac1c6
#bfd1d4
#d4e0e2
#eaf0f1
#ffffff
Complementary palette of #2a6570:
#2a6570
#70352a
Triadic palette of #2a6570:
#2a6570
#702a65
#65702a
Square palette of #2a6570:
#2a6570
#582a70
#70352a
#42702a
Analogous palette of #2a6570:
#2a7058
#2a6570
#2a4270
Split-Complementary palette of #2a6570:
#2a6570
#702a42
#70582a
Rectangle (tetradic) palette of #2a6570:
#2a6570
#352a70
#70352a
#65702a
Suggested color palettes for #2a6570 HEX:
Color palette with color #2a6570 #1:
Color palette with color #2a6570 #2:
Color palette with color #2a6570 #3:
Color palette with color #2a6570 #4:
Color palette with color #2a6570 #5:
Color Contrast
Color pairings of #2a6570 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2a6570
#2a6570Contrast Ratio
6.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a6570
#2a6570Contrast Ratio
3.19:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a6570 color png
Visit the popular colors list for more colors