Start generating
32BCFF

#32BCFF Megaman

#32BCFF is a light, moderately saturated blue named Megaman. In the RGB color model it is made of 19.6% red, 73.7% green and 100.0% blue (rgb(50, 188, 255)). Its HSL value is 200° hue, 100% saturation and 60% lightness, and in CMYK it is 80% cyan, 26% magenta, 0% yellow and 0% black. #32BCFF is a cool color. Black text reads best on it, with a contrast ratio of 9.77:1.

Make a palette with #32BCFF

#32BCFF color conversion

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

Variations of #32BCFF

Shades

Mixed with black: richer and darker.

32BCFF2AA3DE228BBE1B739E145D800D4763073248031F2E010D16000203

Tints

Mixed with white: lighter and softer.

32BCFF53C3FF6BCAFF81D1FF95D8FFA7DFFFBAE5FFCBECFFDDF2FFEEF9FF

Tones

Mixed with gray: calmer and more muted.

32BCFF44B6F250B0E55AABD862A5CB699FBF6F99B27493A6798D997D868D

Hues

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

00CABB00C8C900C6D600C3E400C0F432BCFF5EB7FF76B1FF89ADFF99A7FFA8A2FF

Temperatures

Cooler on the left, warmer on the right.

2BAEFF2CB1FF2DB4FF2FB7FF30B9FF32BCFF48BBF858BAF066B9E971B8E27CB7DA

#32BCFF color harmonies

Complementary

The opposite hue — maximum contrast and energy.

32BCFFFF7532
Open in generator →

Split complementary

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

32BCFFFF3255FFDC32
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

32BCFF32FFDB3256FF
Open in generator →

Triadic

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

32BCFFFF32BCBCFF32
Open in generator →

Tetradic

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

32BCFF7532FFFF7532BCFF32
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

32BCFFDC32FFFF753255FF32
Open in generator →

#32BCFF for color-blind viewers (and dogs)

How #32BCFF 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 #80A9FE
  • Protanopia 83% similar1.3% of men, 0.02% of women · simulated as #9BBBFF
  • Protanomaly 87% similar1.3% of men, 0.02% of women · simulated as #88BAFF
  • Deuteranopia 86% similar1.2% of men, 0.01% of women · simulated as #80A9FE
  • Deuteranomaly 90% similar5% of men, 0.35% of women · simulated as #72B0FF
  • Tritanopia 82% similar0.001% of men, 0.03% of women · simulated as #00CDD3
  • Tritanomaly 92% similar0.0001% of men, 0.0001% of women · simulated as #00C3EC
  • Achromatopsia 70% similar0.003% of men, 0.003% of women · simulated as #B1B1B1
  • Achromatomaly 78% similar0.001% of men, 0.001% of women · simulated as #9DB4C8

#32BCFF contrast checker

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

Palettes with #32BCFF

#32BCFF in CSS

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

/* Other notations */
color: rgb(50 188 255);
color: hsl(200 100% 60%);
color: oklch(0.753 0.148 235.7);

#32BCFF FAQ

What color is #32BCFF?

#32BCFF 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 #32BCFF?

#32BCFF is rgb(50, 188, 255) in RGB, hsl(200, 100%, 60%) in HSL and cmyk(80%, 26%, 0%, 0%) in CMYK.

What is the complementary color of #32BCFF?

The complementary color of #32BCFF is #FF7532, which sits opposite it on the color wheel.

Which text color works on #32BCFF?

Black text has the best contrast on #32BCFF: 9.77:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #32BCFF a warm or cool color?

#32BCFF is a cool color.