#285a63 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #285a63 | RGB(40, 90, 99) |
Created at 10/10/2026 10:11
Classification of #285a63 color
#285a63 is Semi dark and Cool Color Saturation 42%, lightness 27%.
Tint of Dark Slate Gray
RGB values are RGB(40, 90, 99)
#285a63 color contains Red 15.69%, Green 35.29% and Blue 38.82%.
oklch(43.71% 0.0554 210.9)
#285a63 color contains Red 15.69%, Green 35.29% and Blue 38.82%.
oklch(43.71% 0.0554 210.9)
Color Names of #285a63 HEX code
≈ Casal
Alternative colors of #285a63
Opposite Color for #285a63 is #633128
#285a63 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #285a63
cmyk
CMYK(60%, 9%, 0%, 61%)
Decimal
2644579
HEX
#285a63
HSL
hsl(189, 42%, 27%)
HSLA
hsla(189, 42%, 27%, 1)
RGB
RGB(40, 90, 99)
RGBA
RGBA(40, 90, 99, 1)
Palettes for #285a63 color:
Below are examples of color palettes with the #285a63 HEX color
darkest color is #04090a from shades and lightest color is #eaefef from tints
Shades palette of #285a63:
#245159
#20484f
#1c3f45
#18363b
#142d32
#102428
#0c1b1e
#081214
#04090a
#000000
Tints palette of #285a63:
#3d6b73
#537b82
#698c92
#7e9ca1
#94adb1
#a9bdc1
#bfced0
#d4dee0
#eaefef
#ffffff
Complementary palette of #285a63:
#285a63
#633128
Triadic palette of #285a63:
#285a63
#63285a
#5a6328
Square palette of #285a63:
#285a63
#4f2863
#633128
#3c6328
Analogous palette of #285a63:
#28634f
#285a63
#283c63
Split-Complementary palette of #285a63:
#285a63
#63283c
#634f28
Rectangle (tetradic) palette of #285a63:
#285a63
#312863
#633128
#5a6328
Suggested color palettes for #285a63 HEX:
Color palette with color #285a63 #1:
Color palette with color #285a63 #2:
Color palette with color #285a63 #3:
Color palette with color #285a63 #4:
Color palette with color #285a63 #5:
Color Contrast
Color pairings of #285a63 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#285a63
#285a63 Contrast Ratio
7.68:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#285a63
#285a63 Contrast Ratio
2.73:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #285a63 color png
Visit the popular colors list for more colors