#2a6774 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2a6774 | RGB(42, 103, 116) |
Created at 02/20/2023 18:38
Classification of #2a6774 color
#2a6774 is Semi dark and Cool Color Saturation 47%, lightness 31%.
Tint of Dark Slate Gray
RGB values are RGB(42, 103, 116)
#2a6774 color contains Red 16.47%, Green 40.39% and Blue 45.49%.
oklch(47.96% 0.0654 213.96)
#2a6774 color contains Red 16.47%, Green 40.39% and Blue 45.49%.
oklch(47.96% 0.0654 213.96)
Color Names of #2a6774 HEX code
≈ Casal
Alternative colors of #2a6774
Opposite Color for #2a6774 is #74372a
#2a6774 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a6774
cmyk
CMYK(64%, 11%, 0%, 55%)
Decimal
2778996
HEX
#2a6774
HSL
hsl(191, 47%, 31%)
HSLA
hsla(191, 47%, 31%, 1)
RGB
RGB(42, 103, 116)
RGBA
RGBA(42, 103, 116, 1)
Palettes for #2a6774 color:
Below examples of color palettes for #2a6774 HEX color
darkest color is #040a0c from shades and lightest color is #eaf0f1 from tints
Shades palette of #2a6774:
#265d68
#22525d
#1d4851
#193e46
#15343a
#11292e
#0d1f23
#081517
#040a0c
#000000
Tints palette of #2a6774:
#3f7682
#558590
#6a959e
#7fa4ac
#95b3ba
#aac2c7
#bfd1d5
#d4e1e3
#eaf0f1
#ffffff
Complementary palette of #2a6774:
#2a6774
#74372a
Triadic palette of #2a6774:
#2a6774
#742a67
#67742a
Square palette of #2a6774:
#2a6774
#5c2a74
#74372a
#42742a
Analogous palette of #2a6774:
#2a745c
#2a6774
#2a4274
Split-Complementary palette of #2a6774:
#2a6774
#742a42
#745c2a
Rectangle (tetradic) palette of #2a6774:
#2a6774
#372a74
#74372a
#67742a
Suggested color palettes for #2a6774 HEX:
Color palette with color #2a6774 #1:
Color palette with color #2a6774 #2:
Color palette with color #2a6774 #3:
Color palette with color #2a6774 #4:
Color palette with color #2a6774 #5:
Color #2a6774 used in palettes (1)
Color Contrast
Color pairings #2a6774 with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#2a6774
#2a6774 Contrast Ratio
6.38:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a6774
#2a6774 Contrast Ratio
3.29:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a6774 color png
Visit the popular colors list for more colors