#2a576e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2a576e | RGB(42, 87, 110) |
Created at 02/24/2023 06:12
RGB values are RGB(42, 87, 110)
#2a576e color contains Red 16.47%, Green 34.12% and Blue 43.14%.
oklch(43.52% 0.0624 232.97)
#2a576e color contains Red 16.47%, Green 34.12% and Blue 43.14%.
oklch(43.52% 0.0624 232.97)
Color Names of #2a576e HEX code
≈ Casal
Classification of #2a576e color
#2a576e is Semi dark and Cool Color Saturation 45%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #2a576e
Opposite Color for #2a576e is #6e412a
#2a576e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a576e
cmyk
CMYK(62%, 21%, 0%, 57%)
Decimal
2774894
HEX
#2a576e
HSL
hsl(200, 45%, 30%)
HSLA
hsla(200, 45%, 30%, 1)
RGB
RGB(42, 87, 110)
RGBA
RGBA(42, 87, 110, 1)
Palettes for #2a576e color:
Below are examples of color palettes with the #2a576e HEX color
darkest color is #04090b from shades and lightest color is #eaeef1 from tints
Shades palette of #2a576e:
#264e63
#224658
#1d3d4d
#193442
#152c37
#11232c
#0d1a21
#081116
#04090b
#000000
Tints palette of #2a576e:
#3f687d
#55798b
#6a899a
#7f9aa8
#95abb7
#aabcc5
#bfcdd4
#d4dde2
#eaeef1
#ffffff
Complementary palette of #2a576e:
#2a576e
#6e412a
Triadic palette of #2a576e:
#2a576e
#6e2a57
#576e2a
Square palette of #2a576e:
#2a576e
#632a6e
#6e412a
#356e2a
Analogous palette of #2a576e:
#2a6e63
#2a576e
#2a356e
Split-Complementary palette of #2a576e:
#2a576e
#6e2a35
#6e632a
Rectangle (tetradic) palette of #2a576e:
#2a576e
#412a6e
#6e412a
#576e2a
Suggested color palettes for #2a576e HEX:
Color palette with color #2a576e #1:
Color palette with color #2a576e #2:
Color palette with color #2a576e #3:
Color palette with color #2a576e #4:
Color palette with color #2a576e #5:
Color #2a576e used in palettes (2)
Color Contrast
Color pairings of #2a576e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2a576e
#2a576eContrast Ratio
7.81:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a576e
#2a576eContrast Ratio
2.68:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a576e color png
Visit the popular colors list for more colors