#286f5e HEX color information
| Color | HEX | RGB |
|---|---|---|
| #286f5e | RGB(40, 111, 94) |
Created at 02/25/2023 10:17
RGB values are RGB(40, 111, 94)
#286f5e color contains Red 15.69%, Green 43.53% and Blue 36.86%.
oklch(49.21% 0.0759 174.41)
#286f5e color contains Red 15.69%, Green 43.53% and Blue 36.86%.
oklch(49.21% 0.0759 174.41)
Color Names of #286f5e HEX code
≈ Casal
Classification of #286f5e color
#286f5e is Semi dark and Cool Color Saturation 47%, lightness 30%.
Shade of Teal
Alternative colors of #286f5e
Opposite Color for #286f5e is #6f2839
#286f5e Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #286f5e
cmyk
CMYK(64%, 0%, 15%, 56%)
Decimal
2649950
HEX
#286f5e
HSL
hsl(166, 47%, 30%)
HSLA
hsla(166, 47%, 30%, 1)
RGB
RGB(40, 111, 94)
RGBA
RGBA(40, 111, 94, 1)
Palettes for #286f5e color:
Below are examples of color palettes with the #286f5e HEX color
darkest color is #040b09 from shades and lightest color is #eaf1ef from tints
Shades palette of #286f5e:
#246455
#20594b
#1c4e42
#184338
#14382f
#102c26
#0c211c
#081613
#040b09
#000000
Tints palette of #286f5e:
#3d7d6e
#538c7e
#699a8e
#7ea99e
#94b7af
#a9c5bf
#bfd4cf
#d4e2df
#eaf1ef
#ffffff
Complementary palette of #286f5e:
#286f5e
#6f2839
Triadic palette of #286f5e:
#286f5e
#5e286f
#6f5e28
Square palette of #286f5e:
#286f5e
#3a286f
#6f2839
#5d6f28
Analogous palette of #286f5e:
#286f3a
#286f5e
#285d6f
Split-Complementary palette of #286f5e:
#286f5e
#6f285d
#6f3a28
Rectangle (tetradic) palette of #286f5e:
#286f5e
#28396f
#6f2839
#6f5e28
Suggested color palettes for #286f5e HEX:
Color palette with color #286f5e #1:
Color palette with color #286f5e #2:
Color palette with color #286f5e #3:
Color palette with color #286f5e #4:
Color palette with color #286f5e #5:
Color #286f5e used in palettes (1)
Color Contrast
Color pairings of #286f5e with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#286f5e
#286f5eContrast Ratio
5.95:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#286f5e
#286f5eContrast Ratio
3.52:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #286f5e color png
Visit the popular colors list for more colors