Start generating
2C6FBB

#2C6FBB Matt Blue

#2C6FBB is a medium, moderately saturated blue named Matt Blue. In the RGB color model it is made of 17.3% red, 43.5% green and 73.3% blue (rgb(44, 111, 187)). Its HSL value is 212° hue, 62% saturation and 45% lightness, and in CMYK it is 76% cyan, 41% magenta, 0% yellow and 27% black. #2C6FBB is a cool color. White text reads best on it, with a contrast ratio of 5.12:1.

Make a palette with #2C6FBB

#2C6FBB color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #2C6FBB

Shades

Mixed with black: richer and darker.

2C6FBB2560A21E518A17427311345C0A2746051A32020E1F01040D000102

Tints

Mixed with white: lighter and softer.

2C6FBB437EC3598CCA6D9AD182A9D896B7DFABC5E6BFD4EDD4E2F3EAF0F9

Tones

Mixed with gray: calmer and more muted.

2C6FBB3771B64174B04A76AA5378A55B799F637B996A7C93727E8D797F87

Hues

The same lightness and chroma, rotated around the color wheel.

007D87007C90007A990078A50074B52C6FBB446ABD5765BC6660BA745BB58057AE

Temperatures

Cooler on the left, warmer on the right.

2971C92A71C62A70C32B70C12B6FBE2C6FBB3A72B74674B35077AF5A79AB647BA7

#2C6FBB color harmonies

Complementary

The opposite hue — maximum contrast and energy.

2C6FBBBB782C
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

2C6FBBBB312CB6BB2C
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

2C6FBB2CB6BB312CBB
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

2C6FBBBB2C6F6FBB2C
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

2C6FBB782CBBBB782C6FBB2C
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

2C6FBBBB2CB6BB782C2CBB31
Open in generator →

#2C6FBB for color-blind viewers (and dogs)

How #2C6FBB appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 96% similarHow dogs see it · simulated as #3368B9
  • Protanopia 93% similar1.3% of men, 0.02% of women · simulated as #4A75BE
  • Protanomaly 96% similar1.3% of men, 0.02% of women · simulated as #4272BD
  • Deuteranopia 96% similar1.2% of men, 0.01% of women · simulated as #3368B9
  • Deuteranomaly 98% similar5% of men, 0.35% of women · simulated as #336BBA
  • Tritanopia 79% similar0.001% of men, 0.03% of women · simulated as #00818C
  • Tritanomaly 91% similar0.0001% of men, 0.0001% of women · simulated as #0077A7
  • Achromatopsia 73% similar0.003% of men, 0.003% of women · simulated as #6E6E6E
  • Achromatomaly 81% similar0.001% of men, 0.001% of women · simulated as #626E87

#2C6FBB contrast checker

AaThe quick brown fox jumps over the lazy dog.
5.12:1 Good#2C6FBB text on white
AA normalPassAAA normalFail
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
4.10:1 Poor#2C6FBB text on black
AA normalFailAAA normalFail
AA largePassAAA largeFail

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #2C6FBB

Palettes with #2C6FBB

#2C6FBB in CSS

/* Matt Blue */
.color { color: #2C6FBB; }
.background { background-color: #2C6FBB; }
.border { border: 1px solid #2C6FBB; }

/* Other notations */
color: rgb(44 111 187);
color: hsl(212 62% 45%);
color: oklch(0.538 0.137 254.0);

#2C6FBB FAQ

What color is #2C6FBB?

#2C6FBB is a medium, moderately saturated blue. Its closest named color is Matt Blue. It belongs to the blue color family and is a cool color.

What is the RGB value of #2C6FBB?

#2C6FBB is rgb(44, 111, 187) in RGB, hsl(212, 62%, 45%) in HSL and cmyk(76%, 41%, 0%, 27%) in CMYK.

What is the complementary color of #2C6FBB?

The complementary color of #2C6FBB is #BB782C, which sits opposite it on the color wheel.

Which text color works on #2C6FBB?

White text has the best contrast on #2C6FBB: 5.12:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #2C6FBB a warm or cool color?

#2C6FBB is a cool color.