#2a676e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #2a676e | RGB(42, 103, 110) |
Created at 02/22/2023 00:23
RGB values are RGB(42, 103, 110)
#2a676e color contains Red 16.47%, Green 40.39% and Blue 43.14%.
oklch(47.71% 0.0631 205.56)
#2a676e color contains Red 16.47%, Green 40.39% and Blue 43.14%.
oklch(47.71% 0.0631 205.56)
Color Names of #2a676e HEX code
≈ Casal
Classification of #2a676e color
#2a676e is Semi dark and Cool Color Saturation 45%, lightness 30%.
Tint of Dark Slate Gray
Alternative colors of #2a676e
Opposite Color for #2a676e is #6e312a
#2a676e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #2a676e
cmyk
CMYK(62%, 6%, 0%, 57%)
Decimal
2778990
HEX
#2a676e
HSL
hsl(186, 45%, 30%)
HSLA
hsla(186, 45%, 30%, 1)
RGB
RGB(42, 103, 110)
RGBA
RGBA(42, 103, 110, 1)
Palettes for #2a676e color:
Below are examples of color palettes with the #2a676e HEX color
darkest color is #040a0b from shades and lightest color is #eaf0f1 from tints
Shades palette of #2a676e:
#265d63
#225258
#1d484d
#193e42
#153437
#11292c
#0d1f21
#081516
#040a0b
#000000
Tints palette of #2a676e:
#3f767d
#55858b
#6a959a
#7fa4a8
#95b3b7
#aac2c5
#bfd1d4
#d4e1e2
#eaf0f1
#ffffff
Complementary palette of #2a676e:
#2a676e
#6e312a
Triadic palette of #2a676e:
#2a676e
#6e2a67
#676e2a
Square palette of #2a676e:
#2a676e
#532a6e
#6e312a
#456e2a
Analogous palette of #2a676e:
#2a6e53
#2a676e
#2a456e
Split-Complementary palette of #2a676e:
#2a676e
#6e2a45
#6e532a
Rectangle (tetradic) palette of #2a676e:
#2a676e
#312a6e
#6e312a
#676e2a
Suggested color palettes for #2a676e HEX:
Color palette with color #2a676e #1:
Color palette with color #2a676e #2:
Color palette with color #2a676e #3:
Color palette with color #2a676e #4:
Color palette with color #2a676e #5:
Color #2a676e used in palettes (1)
Color Contrast
Color pairings of #2a676e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#2a676e
#2a676eContrast Ratio
6.43:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#2a676e
#2a676eContrast Ratio
3.26:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #2a676e color png
Visit the popular colors list for more colors