#2a586e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2a586e | RGB(42, 88, 110) |
Created at 02/24/2023 10:37
RGB values are RGB(42, 88, 110)
#2a586e color contains Red 16.47%, Green 34.51% and Blue 43.14%.
oklch(43.77% 0.062 231.26)
#2a586e color contains Red 16.47%, Green 34.51% and Blue 43.14%.
oklch(43.77% 0.062 231.26)
Color Names of #2a586e HEX code
≈ Casal
Classification of #2a586e color
#2a586e is Semi dark and Cool Color Saturation 45%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #2a586e
Opposite Color for #2a586e is #6e402a
#2a586e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a586e
cmyk
CMYK(62%, 20%, 0%, 57%)
Decimal
2775150
HEX
#2a586e
HSL
hsl(199, 45%, 30%)
HSLA
hsla(199, 45%, 30%, 1)
RGB
RGB(42, 88, 110)
RGBA
RGBA(42, 88, 110, 1)
Palettes for #2a586e color:
Below are examples of color palettes with the #2a586e HEX color
darkest color is #04090b from shades and lightest color is #eaeef1 from tints
Shades palette of #2a586e:
#264f63
#224658
#1d3e4d
#193542
#152c37
#11232c
#0d1a21
#081216
#04090b
#000000
Tints palette of #2a586e:
#3f697d
#55798b
#6a8a9a
#7f9ba8
#95acb7
#aabcc5
#bfcdd4
#d4dee2
#eaeef1
#ffffff
Complementary palette of #2a586e:
#2a586e
#6e402a
Triadic palette of #2a586e:
#2a586e
#6e2a58
#586e2a
Square palette of #2a586e:
#2a586e
#622a6e
#6e402a
#366e2a
Analogous palette of #2a586e:
#2a6e62
#2a586e
#2a366e
Split-Complementary palette of #2a586e:
#2a586e
#6e2a36
#6e622a
Rectangle (tetradic) palette of #2a586e:
#2a586e
#402a6e
#6e402a
#586e2a
Suggested color palettes for #2a586e HEX:
Color palette with color #2a586e #1:
Color palette with color #2a586e #2:
Color palette with color #2a586e #3:
Color palette with color #2a586e #4:
Color palette with color #2a586e #5:
Color #2a586e used in palettes (1)
Color Contrast
Color pairings of #2a586e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2a586e
#2a586eContrast Ratio
7.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a586e
#2a586eContrast Ratio
2.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a586e color png
Visit the popular colors list for more colors