#2a705c HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2a705c | RGB(42, 112, 92) |
Created at 02/21/2023 06:16
RGB values are RGB(42, 112, 92)
#2a705c color contains Red 16.47%, Green 43.92% and Blue 36.08%.
oklch(49.49% 0.0774 171.19)
#2a705c color contains Red 16.47%, Green 43.92% and Blue 36.08%.
oklch(49.49% 0.0774 171.19)
Color Names of #2a705c HEX code
≈ Casal
Classification of #2a705c color
#2a705c is Semi dark and Cool Color Saturation 45%, lightness 30%.
Shade of Teal
Alternative colors of #2a705c
Opposite Color for #2a705c is #702a3e
#2a705c Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a705c
cmyk
CMYK(63%, 0%, 18%, 56%)
Decimal
2781276
HEX
#2a705c
HSL
hsl(163, 45%, 30%)
HSLA
hsla(163, 45%, 30%, 1)
RGB
RGB(42, 112, 92)
RGBA
RGBA(42, 112, 92, 1)
Palettes for #2a705c color:
Below are examples of color palettes with the #2a705c HEX color
darkest color is #040b09 from shades and lightest color is #eaf1ef from tints
Shades palette of #2a705c:
#266553
#225a4a
#1d4e40
#194337
#15382e
#112d25
#0d221c
#081612
#040b09
#000000
Tints palette of #2a705c:
#3f7e6c
#558d7d
#6a9b8d
#7fa99d
#95b8ae
#aac6be
#bfd4ce
#d4e2de
#eaf1ef
#ffffff
Complementary palette of #2a705c:
#2a705c
#702a3e
Triadic palette of #2a705c:
#2a705c
#5c2a70
#705c2a
Square palette of #2a705c:
#2a705c
#392a70
#702a3e
#61702a
Analogous palette of #2a705c:
#2a7039
#2a705c
#2a6170
Split-Complementary palette of #2a705c:
#2a705c
#702a61
#70392a
Rectangle (tetradic) palette of #2a705c:
#2a705c
#2a3e70
#702a3e
#705c2a
Suggested color palettes for #2a705c HEX:
Color palette with color #2a705c #1:
Color palette with color #2a705c #2:
Color palette with color #2a705c #3:
Color palette with color #2a705c #4:
Color palette with color #2a705c #5:
Color #2a705c used in palettes (1)
Color Contrast
Color pairings of #2a705c with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2a705c
#2a705cContrast Ratio
5.88:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a705c
#2a705cContrast Ratio
3.57:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a705c color png
Visit the popular colors list for more colors