#286d5d HEX color information
| Color | HEX | RGB |
|---|---|---|
| #286d5d | RGB(40, 109, 93) |
Created at 02/22/2023 19:22
RGB values are RGB(40, 109, 93)
#286d5d color contains Red 15.69%, Green 42.75% and Blue 36.47%.
oklch(48.63% 0.0739 175.09)
#286d5d color contains Red 15.69%, Green 42.75% and Blue 36.47%.
oklch(48.63% 0.0739 175.09)
Color Names of #286d5d HEX code
≈ Casal
Classification of #286d5d color
#286d5d is Semi dark and Cool Color Saturation 46%, lightness 29%.
Shade of Teal
Alternative colors of #286d5d
Opposite Color for #286d5d is #6d2838
#286d5d Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #286d5d
cmyk
CMYK(63%, 0%, 15%, 57%)
Decimal
2649437
HEX
#286d5d
HSL
hsl(166, 46%, 29%)
HSLA
hsla(166, 46%, 29%, 1)
RGB
RGB(40, 109, 93)
RGBA
RGBA(40, 109, 93, 1)
Palettes for #286d5d color:
Below are examples of color palettes with the #286d5d HEX color
darkest color is #040b09 from shades and lightest color is #eaf0ef from tints
Shades palette of #286d5d:
#246254
#20574a
#1c4c41
#184138
#14372f
#102c25
#0c211c
#081613
#040b09
#000000
Tints palette of #286d5d:
#3d7c6d
#538a7d
#69998e
#7ea79e
#94b6ae
#a9c5be
#bfd3ce
#d4e2df
#eaf0ef
#ffffff
Complementary palette of #286d5d:
#286d5d
#6d2838
Triadic palette of #286d5d:
#286d5d
#5d286d
#6d5d28
Square palette of #286d5d:
#286d5d
#3a286d
#6d2838
#5b6d28
Analogous palette of #286d5d:
#286d3a
#286d5d
#285b6d
Split-Complementary palette of #286d5d:
#286d5d
#6d285b
#6d3a28
Rectangle (tetradic) palette of #286d5d:
#286d5d
#28386d
#6d2838
#6d5d28
Suggested color palettes for #286d5d HEX:
Color palette with color #286d5d #1:
Color palette with color #286d5d #2:
Color palette with color #286d5d #3:
Color palette with color #286d5d #4:
Color palette with color #286d5d #5:
Color #286d5d used in palettes (1)
Color Contrast
Color pairings of #286d5d with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#286d5d
#286d5dContrast Ratio
6.11:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#286d5d
#286d5dContrast Ratio
3.43:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #286d5d color png
Visit the popular colors list for more colors