Start generating
36BBFF

#36BBFF closest to Megaman

#36BBFF is a light, moderately saturated blue; the closest named color is Megaman. In the RGB color model it is made of 21.2% red, 73.3% green and 100.0% blue (rgb(54, 187, 255)). Its HSL value is 200° hue, 100% saturation and 61% lightness, and in CMYK it is 79% cyan, 27% magenta, 0% yellow and 0% black. #36BBFF is a cool color. Black text reads best on it, with a contrast ratio of 9.71:1.

Make a palette with #36BBFF

#36BBFF color conversion

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

Variations of #36BBFF

Shades

Mixed with black: richer and darker.

36BBFF2EA2DE258ABE1E739E165C800F4663083248031F2E010D16000203

Tints

Mixed with white: lighter and softer.

36BBFF55C2FF6DCAFF82D1FF95D8FFA8DEFFBAE5FFCCECFFDDF2FFEEF9FF

Tones

Mixed with gray: calmer and more muted.

36BBFF46B5F252B0E55BAAD863A4CC6A9EBF7098B27592A6798C997D868D

Hues

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

00C9BC00C7CA00C5D700C3E500C0F536BBFF5FB6FF77B1FF8AACFF9AA6FFA9A1FF

Temperatures

Cooler on the left, warmer on the right.

2EAEFF30B0FF31B3FF33B6FF34B8FF36BBFF4ABAF85AB9F067B9E973B7E27DB6DA

#36BBFF color harmonies

Complementary

The opposite hue — maximum contrast and energy.

36BBFFFF7A36
Open in generator →

Split complementary

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

36BBFFFF3656FFDF36
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

36BBFF36FFDF3656FF
Open in generator →

Triadic

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

36BBFFFF36BBBBFF36
Open in generator →

Tetradic

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

36BBFF7A36FFFF7A36BBFF36
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

36BBFFDF36FFFF7A3656FF36
Open in generator →

#36BBFF for color-blind viewers (and dogs)

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

  • Dog vision 86% similarHow dogs see it · simulated as #7FA8FE
  • Protanopia 83% similar1.3% of men, 0.02% of women · simulated as #9ABBFF
  • Protanomaly 88% similar1.3% of men, 0.02% of women · simulated as #87B9FF
  • Deuteranopia 86% similar1.2% of men, 0.01% of women · simulated as #7FA8FE
  • Deuteranomaly 91% similar5% of men, 0.35% of women · simulated as #72B0FF
  • Tritanopia 81% similar0.001% of men, 0.03% of women · simulated as #00CDD2
  • Tritanomaly 92% similar0.0001% of men, 0.0001% of women · simulated as #00C2EC
  • Achromatopsia 71% similar0.003% of men, 0.003% of women · simulated as #B0B0B0
  • Achromatomaly 78% similar0.001% of men, 0.001% of women · simulated as #9DB3C8

#36BBFF contrast checker

AaThe quick brown fox jumps over the lazy dog.
2.16:1 Very poor#36BBFF text on white
AA normalFailAAA normalFail
AA largeFailAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
9.71:1 Very good#36BBFF 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 #36BBFF

Palettes with #36BBFF

#36BBFF in CSS

/* Megaman */
.color { color: #36BBFF; }
.background { background-color: #36BBFF; }
.border { border: 1px solid #36BBFF; }

/* Other notations */
color: rgb(54 187 255);
color: hsl(200 100% 61%);
color: oklch(0.752 0.147 236.6);

#36BBFF FAQ

What color is #36BBFF?

#36BBFF is a light, moderately saturated blue. Its closest named color is Megaman. It belongs to the blue color family and is a cool color.

What is the RGB value of #36BBFF?

#36BBFF is rgb(54, 187, 255) in RGB, hsl(200, 100%, 61%) in HSL and cmyk(79%, 27%, 0%, 0%) in CMYK.

What is the complementary color of #36BBFF?

The complementary color of #36BBFF is #FF7A36, which sits opposite it on the color wheel.

Which text color works on #36BBFF?

Black text has the best contrast on #36BBFF: 9.71:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #36BBFF a warm or cool color?

#36BBFF is a cool color.