#2a4e60 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2a4e60 | RGB(42, 78, 96) |
Created at 12/03/2023 19:58
Classification of #2a4e60 color
#2a4e60 is Semi dark and Cool Color Saturation 39%, lightness 27%.
Shade of Dark Slate Gray
RGB values are RGB(42, 78, 96)
#2a4e60 color contains Red 16.47%, Green 30.59% and Blue 37.65%.
oklch(40.49% 0.0514 231.69)
#2a4e60 color contains Red 16.47%, Green 30.59% and Blue 37.65%.
oklch(40.49% 0.0514 231.69)
Color Names of #2a4e60 HEX code
≈ San Juan
Alternative colors of #2a4e60
Opposite Color for #2a4e60 is #603c2a
#2a4e60 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a4e60
cmyk
CMYK(56%, 19%, 0%, 62%)
Decimal
2772576
HEX
#2a4e60
HSL
hsl(200, 39%, 27%)
HSLA
hsla(200, 39%, 27%, 1)
RGB
RGB(42, 78, 96)
RGBA
RGBA(42, 78, 96, 1)
Palettes for #2a4e60 color:
Below are examples of color palettes with the #2a4e60 HEX color
darkest color is #04080a from shades and lightest color is #eaedef from tints
Shades palette of #2a4e60:
#264656
#223e4d
#1d3743
#192f3a
#152730
#111f26
#0d171d
#081013
#04080a
#000000
Tints palette of #2a4e60:
#3f6070
#557180
#6a8390
#7f95a0
#95a7b0
#aab8bf
#bfcacf
#d4dcdf
#eaedef
#ffffff
Complementary palette of #2a4e60:
#2a4e60
#603c2a
Triadic palette of #2a4e60:
#2a4e60
#602a4e
#4e602a
Square palette of #2a4e60:
#2a4e60
#572a60
#603c2a
#33602a
Analogous palette of #2a4e60:
#2a6057
#2a4e60
#2a3360
Split-Complementary palette of #2a4e60:
#2a4e60
#602a33
#60572a
Rectangle (tetradic) palette of #2a4e60:
#2a4e60
#3c2a60
#603c2a
#4e602a
Suggested color palettes for #2a4e60 HEX:
Color palette with color #2a4e60 #1:
Color palette with color #2a4e60 #2:
Color palette with color #2a4e60 #3:
Color palette with color #2a4e60 #4:
Color palette with color #2a4e60 #5:
Color Contrast
Color pairings of #2a4e60 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2a4e60
#2a4e60 Contrast Ratio
8.9:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a4e60
#2a4e60 Contrast Ratio
2.35:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a4e60 color png
Visit the popular colors list for more colors