#1976D2

Material blue 700

#1976D2 is a blue colour. In RGB it is 25 red, 118 green and 210 blue, which converts to a hue of 210 degrees, 79% saturation and 46% lightness. It is Material blue 700 in that design system's palette.

Color values

HEX	#1976D2
RGB	rgb(25, 118, 210)
HSL	hsl(210, 79%, 46%)
HSV	hsv(210, 88%, 82%)
CMYK	cmyk(88%, 44%, 0%, 18%)

Contrast and accessibility

Against white the contrast ratio is 4.6:1, and against black it is 4.56:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.

Background	Ratio	Normal text	Large text
White	4.6:1	AA	AAA
Black	4.56:1	AA	AAA

Tints and shades

Lighter tints move #1976D2 toward white, and darker shades move it toward black.

Tints

Shades

Color harmonies

Complementary

#D27519

Analogous

Triadic

Split complementary

Code

CSS	color: #1976D2;
CSS rgb()	color: rgb(25 118 210);
Tailwind	bg-[#1976d2]
SwiftUI	Color(red: 0.098, green: 0.463, blue: 0.824)
Android	Color.parseColor("#1976D2")

Closest named color

The nearest CSS colour keyword to #1976D2 is royalblue (#4169E1).