Start generating
369CD3

#369CD3 Blue Burst

#369CD3 is a medium, moderately saturated blue named Blue Burst. In the RGB color model it is made of 21.2% red, 61.2% green and 82.7% blue (rgb(54, 156, 211)). Its HSL value is 201° hue, 64% saturation and 52% lightness, and in CMYK it is 74% cyan, 26% magenta, 0% yellow and 17% black. #369CD3 is a cool color. Black text reads best on it, with a contrast ratio of 6.85:1.

Make a palette with #369CD3

#369CD3 color conversion

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

Variations of #369CD3

Shades

Mixed with black: richer and darker.

369CD32E87B725739C1E5F82164C690F395108283A031824010910000102

Tints

Mixed with white: lighter and softer.

369CD350A6D867B0DD7BBAE18FC4E6A2CEEAB5D8EFC7E2F3DAEBF7ECF5FB

Tones

Mixed with gray: calmer and more muted.

369CD3439ACB4D97C25694BA5E92B2658FAA6B8CA17189997686917B8388

Hues

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

00A89D00A6A900A5B500A3C017A0CC369CD34C98D85F93DC708EDD7F8ADC8D85D9

Temperatures

Cooler on the left, warmer on the right.

2F95DD3097DB3298D93399D7359BD5369CD3479DCE549DC8609DC36B9DBE759EB8

#369CD3 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

369CD3D36D36
Open in generator →

Split complementary

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

369CD3D3364ED3BB36
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

369CD336D3BB364ED3
Open in generator →

Triadic

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

369CD3D3369C9CD336
Open in generator →

Tetradic

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

369CD36D36D3D36D369CD336
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

369CD3BB36D3D36D364ED336
Open in generator →

#369CD3 for color-blind viewers (and dogs)

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

  • Dog vision 89% similarHow dogs see it · simulated as #6C8DD2
  • Protanopia 86% similar1.3% of men, 0.02% of women · simulated as #829CD6
  • Protanomaly 90% similar1.3% of men, 0.02% of women · simulated as #729AD5
  • Deuteranopia 89% similar1.2% of men, 0.01% of women · simulated as #6C8DD2
  • Deuteranomaly 92% similar5% of men, 0.35% of women · simulated as #6293D3
  • Tritanopia 84% similar0.001% of men, 0.03% of women · simulated as #00AAAF
  • Tritanomaly 93% similar0.0001% of men, 0.0001% of women · simulated as #00A2C4
  • Achromatopsia 75% similar0.003% of men, 0.003% of women · simulated as #939393
  • Achromatomaly 82% similar0.001% of men, 0.001% of women · simulated as #8395A6

#369CD3 contrast checker

AaThe quick brown fox jumps over the lazy dog.
3.06:1 Poor#369CD3 text on white
AA normalFailAAA normalFail
AA largePassAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
6.85:1 Good#369CD3 text on black
AA normalPassAAA normalFail
AA largePassAAA largePass

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

Colors similar to #369CD3

Palettes with #369CD3

#369CD3 in CSS

/* Blue Burst */
.color { color: #369CD3; }
.background { background-color: #369CD3; }
.border { border: 1px solid #369CD3; }

/* Other notations */
color: rgb(54 156 211);
color: hsl(201 64% 52%);
color: oklch(0.659 0.123 236.9);

#369CD3 FAQ

What color is #369CD3?

#369CD3 is a medium, moderately saturated blue. Its closest named color is Blue Burst. It belongs to the blue color family and is a cool color.

What is the RGB value of #369CD3?

#369CD3 is rgb(54, 156, 211) in RGB, hsl(201, 64%, 52%) in HSL and cmyk(74%, 26%, 0%, 17%) in CMYK.

What is the complementary color of #369CD3?

The complementary color of #369CD3 is #D36D36, which sits opposite it on the color wheel.

Which text color works on #369CD3?

Black text has the best contrast on #369CD3: 6.85:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #369CD3 a warm or cool color?

#369CD3 is a cool color.