#285b56 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #285b56 | RGB(40, 91, 86) |
Created at 02/21/2023 19:08
Classification of #285b56 color
#285b56 is Semi dark and Cool Color Saturation 39%, lightness 26%.
Tint of Dark Slate Gray
RGB values are RGB(40, 91, 86)
#285b56 color contains Red 15.69%, Green 35.69% and Blue 33.73%.
oklch(43.47% 0.0554 186.82)
#285b56 color contains Red 15.69%, Green 35.69% and Blue 33.73%.
oklch(43.47% 0.0554 186.82)
Color Names of #285b56 HEX code
≈ Spectra
Alternative colors of #285b56
Opposite Color for #285b56 is #5b282d
#285b56 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #285b56
cmyk
CMYK(56%, 0%, 5%, 64%)
Decimal
2644822
HEX
#285b56
HSL
hsl(174, 39%, 26%)
HSLA
hsla(174, 39%, 26%, 1)
RGB
RGB(40, 91, 86)
RGBA
RGBA(40, 91, 86, 1)
Palettes for #285b56 color:
Below are examples of color palettes with the #285b56 HEX color
darkest color is #040909 from shades and lightest color is #eaefee from tints
Shades palette of #285b56:
#24524d
#204945
#1c403c
#183734
#142e2b
#102422
#0c1b1a
#081211
#040909
#000000
Tints palette of #285b56:
#3d6b67
#537c78
#698c89
#7e9d9a
#94adab
#a9bdbb
#bfcecc
#d4dedd
#eaefee
#ffffff
Complementary palette of #285b56:
#285b56
#5b282d
Triadic palette of #285b56:
#285b56
#56285b
#5b5628
Square palette of #285b56:
#285b56
#3d285b
#5b282d
#465b28
Analogous palette of #285b56:
#285b3d
#285b56
#28465b
Split-Complementary palette of #285b56:
#285b56
#5b2846
#5b3d28
Rectangle (tetradic) palette of #285b56:
#285b56
#282d5b
#5b282d
#5b5628
Suggested color palettes for #285b56 HEX:
Color palette with color #285b56 #1:
Color palette with color #285b56 #2:
Color palette with color #285b56 #3:
Color palette with color #285b56 #4:
Color palette with color #285b56 #5:
Color #285b56 used in palettes (3)
Color Contrast
Color pairings of #285b56 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#285b56
#285b56 Contrast Ratio
7.71:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#285b56
#285b56 Contrast Ratio
2.72:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #285b56 color png
Visit the popular colors list for more colors