Start generating
369DE2

#369DE2 closest to Homeworld

#369DE2 is a medium, moderately saturated blue; the closest named color is Homeworld. In the RGB color model it is made of 21.2% red, 61.6% green and 88.6% blue (rgb(54, 157, 226)). Its HSL value is 204° hue, 75% saturation and 55% lightness, and in CMYK it is 76% cyan, 31% magenta, 0% yellow and 11% black. #369DE2 is a cool color. Black text reads best on it, with a contrast ratio of 7.08:1.

Make a palette with #369DE2

#369DE2 color conversion

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

Variations of #369DE2

Shades

Mixed with black: richer and darker.

369DE22E88C42573A81E5F8C164C710F3A5708283E031827010912000103

Tints

Mixed with white: lighter and softer.

369DE250A7E667B1E97BBBEC8FC5F0A2CFF3B5D9F5C7E2F8DAECFBECF5FD

Tones

Mixed with gray: calmer and more muted.

369DE2439BD84D98CE5695C55E93BB6590B16B8DA7718A9E7687947B838A

Hues

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

00ABA800A9B300A7BF00A5CC00A2DB369DE25198E76693E9798DE98988E69883E1

Temperatures

Cooler on the left, warmer on the right.

2F96E83197E73299E6339AE5359CE3369DE2479EDC549ED6609ED06B9FCA759FC4

#369DE2 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

369DE2E27B36
Open in generator →

Split complementary

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

369DE2E23647E2D136
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

369DE236E2D13647E2
Open in generator →

Triadic

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

369DE2E2369D9DE236
Open in generator →

Tetradic

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

369DE27B36E2E27B369DE236
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

369DE2D136E2E27B3647E236
Open in generator →

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

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

  • Dog vision 90% similarHow dogs see it · simulated as #658FE1
  • Protanopia 87% similar1.3% of men, 0.02% of women · simulated as #7D9FE5
  • Protanomaly 91% similar1.3% of men, 0.02% of women · simulated as #6E9DE4
  • Deuteranopia 90% similar1.2% of men, 0.01% of women · simulated as #658FE1
  • Deuteranomaly 93% similar5% of men, 0.35% of women · simulated as #5C94E1
  • Tritanopia 81% similar0.001% of men, 0.03% of women · simulated as #00AEB5
  • Tritanomaly 92% similar0.0001% of men, 0.0001% of women · simulated as #00A4CF
  • Achromatopsia 72% similar0.003% of men, 0.003% of women · simulated as #969696
  • Achromatomaly 80% similar0.001% of men, 0.001% of women · simulated as #8698AD

#369DE2 contrast checker

AaThe quick brown fox jumps over the lazy dog.
2.97:1 Very poor#369DE2 text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
7.08:1 Very good#369DE2 text on black
AA normalPassAAA normalPass
AA largePassAAA largePass

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

Colors similar to #369DE2

Palettes with #369DE2

#369DE2 in CSS

/* Homeworld */
.color { color: #369DE2; }
.background { background-color: #369DE2; }
.border { border: 1px solid #369DE2; }

/* Other notations */
color: rgb(54 157 226);
color: hsl(204 75% 55%);
color: oklch(0.669 0.138 242.7);

#369DE2 FAQ

What color is #369DE2?

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

What is the RGB value of #369DE2?

#369DE2 is rgb(54, 157, 226) in RGB, hsl(204, 75%, 55%) in HSL and cmyk(76%, 31%, 0%, 11%) in CMYK.

What is the complementary color of #369DE2?

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

Which text color works on #369DE2?

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

Is #369DE2 a warm or cool color?

#369DE2 is a cool color.