#283e70 HEX color information
| Color | HEX | RGB |
|---|---|---|
| #283e70 | RGB(40, 62, 112) |
Created at 10/08/2026 19:27
Classification of #283e70 color
#283e70 is Semi dark and Cool Color Saturation 47%, lightness 30%.
Shade of Dark Slate Blue
RGB values are RGB(40, 62, 112)
#283e70 color contains Red 15.69%, Green 24.31% and Blue 43.92%.
oklch(37.29% 0.0903 264.54)
#283e70 color contains Red 15.69%, Green 24.31% and Blue 43.92%.
oklch(37.29% 0.0903 264.54)
Color Names of #283e70 HEX code
≈ Astronaut
Alternative colors of #283e70
Opposite Color for #283e70 is #705a28
#283e70 Color Conversion
Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #283e70
cmyk
CMYK(64%, 45%, 0%, 56%)
Decimal
2637424
HEX
#283e70
HSL
hsl(222, 47%, 30%)
HSLA
hsla(222, 47%, 30%, 1)
RGB
RGB(40, 62, 112)
RGBA
RGBA(40, 62, 112, 1)
Palettes for #283e70 color:
Below are examples of color palettes with the #283e70 HEX color
darkest color is #04060b from shades and lightest color is #eaecf1 from tints
Shades palette of #283e70:
#243865
#20325a
#1c2b4e
#182543
#141f38
#10192d
#0c1322
#080c16
#04060b
#000000
Tints palette of #283e70:
#3d517e
#53658d
#69789b
#7e8ba9
#949fb8
#a9b2c6
#bfc5d4
#d4d8e2
#eaecf1
#ffffff
Complementary palette of #283e70:
#283e70
#705a28
Triadic palette of #283e70:
#283e70
#70283e
#3e7028
Square palette of #283e70:
#283e70
#702862
#705a28
#287036
Analogous palette of #283e70:
#286270
#283e70
#362870
Split-Complementary palette of #283e70:
#283e70
#703628
#627028
Rectangle (tetradic) palette of #283e70:
#283e70
#5a2870
#705a28
#3e7028
Suggested color palettes for #283e70 HEX:
Color palette with color #283e70 #1:
Color palette with color #283e70 #2:
Color palette with color #283e70 #3:
Color palette with color #283e70 #4:
Color palette with color #283e70 #5:
Color Contrast
Color pairings of #283e70 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.
#283e70
#283e70 Contrast Ratio
10.43:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
#283e70
#283e70 Contrast Ratio
2.01:1
| Size | AA-level | AAA-level |
| Large text: | ||
| Small text: |
Image #283e70 color png
Visit the popular colors list for more colors