#285ee2 HEX color information

ColorHEXRGB
#285ee2RGB(40, 94, 226)
  1
Created at 09/28/2026 23:27
RGB values are RGB(40, 94, 226)
#285ee2 color contains Red 15.69%, Green 36.86% and Blue 88.63%.
oklch(52.99% 0.209 263.79)

Color Names of #285ee2 HEX code

≈ Mariner

Classification of #285ee2 color

#285ee2 is Semi dark and Cool Color Saturation 76%, lightness 52%.
Shade of Royal Blue

Alternative colors of #285ee2

Opposite Color for #285ee2 is #e2ac28

#285ee2 Color Conversion

Codes and values information about the HEX color decimal, HEX. HSL, HSLA, RGB, RGBA values #285ee2

cmyk
CMYK(82%, 58%, 0%, 11%)
Decimal
2645730
HEX
#285ee2
HSL
hsl(223, 76%, 52%)
HSLA
hsla(223, 76%, 52%, 1)
RGB
RGB(40, 94, 226)
RGBA
RGBA(40, 94, 226, 1)

Palettes for #285ee2 color:

Below are examples of color palettes with the #285ee2 HEX color

darkest color is #040917 from shades and lightest color is #eaeffc from tints

Shades palette of #285ee2:
#2455cb
#204bb5
#1c429e
#183888
#142f71
#10265a
#0c1c44
#08132d
#040917
#000000
Tints palette of #285ee2:
#3d6ee5
#537ee8
#698eeb
#7e9eee
#94aff1
#a9bff3
#bfcff6
#d4dff9
#eaeffc
#ffffff
Complementary palette of #285ee2:
#285ee2
#e2ac28
Triadic palette of #285ee2:
#285ee2
#e2285e
#5ee228
Square palette of #285ee2:
#285ee2
#e228bb
#e2ac28
#28e24f
Analogous palette of #285ee2:
#28bbe2
#285ee2
#4f28e2
Split-Complementary palette of #285ee2:
#285ee2
#e24f28
#bbe228
Rectangle (tetradic) palette of #285ee2:
#285ee2
#ac28e2
#e2ac28
#5ee228

Suggested color palettes for #285ee2 HEX:

Color palette with color #285ee2 #1:
Color palette with color #285ee2 #2:
Color palette with color #285ee2 #3:
Color palette with color #285ee2 #4:
Color palette with color #285ee2 #5:

Color Contrast

Color pairings of #285ee2 with black and white for small text, large text and graphics, based on the WCAG accessibility contrast ratio.

#285ee2
#285ee2
Contrast Ratio
5.54:1
SizeAA-levelAAA-level
Large text:
Small text:
#285ee2
#285ee2
Contrast Ratio
3.78:1
SizeAA-levelAAA-level
Large text:
Small text:

Image #285ee2 color png