Color Preview

#2870B8

Blue
Opacity
100%
Color Harmonies
complementary
#B87028
analogous
#28B8B8
#2870B8
#2828B8
triadic
#2870B8
#B82870
#70B828
split complementary
#2870B8
#B82828
#B8B828
tetradic
#2870B8
#B828B8
#B87028
#28B828
monochromatic
#0D243B
#1F578E
#3F8AD5
#92BDE7
Color Information
HEX #2870B8
RGB 40, 112, 184
RGBA rgba(40, 112, 184, 1)
HSL 210°, 64%, 44%
HSLA hsla(210, 64%, 44%, 1)
HSV 210°, 78%, 72%
CMYK 78%, 39%, 0%, 28%
Color Properties
Dark
Brightness
High
Saturation
Shades & Tints
Shades (Darker)
Tints (Lighter)
Accessibility
Contrast Ratios
White
Ratio: 5.12:1
AA
Black
Ratio: 4.1:1
AA Large
Light Gray
Ratio: 4.86:1
AA
Dark Gray
Ratio: 2.25:1
Fail
WCAG 2.1 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.
Color Variations
Related Colors
#163D64
Darker 2
#1F578E
Darker 1
#3F8AD5
Lighter 1
#68A3DE
Lighter 2
#3F70A2
Desaturated
#1270CE
Saturated
Usage Examples
Text Color
Sample text using this color
Border Color
Sample border usage
Similar Colors
#4169E1
Royal Blue
#008B8B
Dark Cyan
#20B2AA
Light Sea Green
#008080
Teal
#6A5ACD
Slate Blue
#483D8B
Dark Slate Blue