Created at 03/03/2023 07:38
#35696f HEX Color information
| Color | HEX | RGB |
|---|---|---|
| #35696f | RGB(53, 105, 111) |
RGB values are RGB(53, 105, 111)
#35696f color contain Red 20.78%, Green 41.18% and Blue 43.53%.
oklch(48.74% 0.0563 205.3)
#35696f color contain Red 20.78%, Green 41.18% and Blue 43.53%.
oklch(48.74% 0.0563 205.3)
Classification of #35696f color
#35696f is Semi dark and Cool Color Saturation 35%, lightness 32%.
Shade of darkslategrey
Alternative colors of #35696f
Opposite Color for #35696f is #6e3b35
#35696f Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #35696f
Decimal
3500399
HEX
#35696f
HSL
hsl(186, 35%, 32%)
HSLA
hsla(186, 35%, 32%, 1)
RGB
RGB(53, 105, 111)
RGBA
RGBA(53, 105, 111, 1)
Palettes for #35696f color:
Below examples of color palettes for #35696f HEX color
darkest color is #050a0b from shades and lightest color is #ebf0f1 from tints
Shades palette of #35696f:
#305f64
#2a5459
#254a4e
#203f43
#1b3538
#152a2c
#102021
#0b1516
#050a0b
#000000
Tints palette of #35696f:
#49787d
#5d878c
#72969a
#86a5a9
#9ab4b7
#aec3c5
#c2d2d4
#d7e1e2
#ebf0f1
#ffffff
Complementary palette of #35696f:
#35686e
#6e3b35
Triadic palette of #35696f:
#35686e
#6e3568
#686e35
Square palette of #35696f:
#35686e
#57356e
#4c6e35
#6e3b35
Analogous palette of #35696f:
#356e57
#35686e
Split-Complementary palette of #35696f:
#35686e
#356e57
Rectangle (tetradic) palette of #35696f:
#35686e
#57356e
#4c6e35
#6e354c
Suggested colors palettes for #35696f HEX:
Colors palette with color #35696f #1:
Colors palette with color #35696f #2:
Colors palette with color #35696f #3:
Colors palette with color #35696f #4:
Colors palette with color #35696f #5:
Color #35696f used in palettes (1)
Color Contrast
Color pairings #35696f with black and white with small text, large text and graphics based on WCAG on a accessibility contrast ratio
#35696f
#35696f Contrast Ratio
6.17:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#35696f
#35696f Contrast Ratio
3.4:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #35696f color png
Visit the popular colors list for more colors