Start generating
3BC2FF

#3BC2FF closest to Megaman

#3BC2FF is a light, moderately saturated blue; the closest named color is Megaman. In the RGB color model it is made of 23.1% red, 76.1% green and 100.0% blue (rgb(59, 194, 255)). Its HSL value is 199° hue, 100% saturation and 62% lightness, and in CMYK it is 77% cyan, 24% magenta, 0% yellow and 0% black. #3BC2FF is a cool color. Black text reads best on it, with a contrast ratio of 10.35:1.

Make a palette with #3BC2FF

#3BC2FF color conversion

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

Variations of #3BC2FF

Shades

Mixed with black: richer and darker.

3BC2FF32A8DE298FBE21779E19608011496309344804202E010E16000203

Tints

Mixed with white: lighter and softer.

3BC2FF59C9FF70CFFF85D5FF98DCFFAAE2FFBCE8FFCDEEFFDEF4FFEFF9FF

Tones

Mixed with gray: calmer and more muted.

3BC2FF4ABCF255B5E55EAFD866A8CB6CA2BF719BB27694A57A8E997D878C

Hues

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

00D0BC00CECB00CCD900C9E70DC6F53BC2FF63BDFF7BB8FF8CB3FF9BAEFFA9A9FF

Temperatures

Cooler on the left, warmer on the right.

32B3FF34B6FF35B9FF37BCFF39BFFF3BC2FF4FC1F85EC0F06BBEE976BDE181BCDA

#3BC2FF color harmonies

Complementary

The opposite hue — maximum contrast and energy.

3BC2FFFF783B
Open in generator →

Split complementary

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

3BC2FFFF3B60FFDA3B
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

3BC2FF3BFFDA3B60FF
Open in generator →

Triadic

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

3BC2FFFF3BC2C2FF3B
Open in generator →

Tetradic

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

3BC2FF783BFFFF783BC2FF3B
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

3BC2FFDA3BFFFF783B60FF3B
Open in generator →

#3BC2FF for color-blind viewers (and dogs)

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

  • Dog vision 85% similarHow dogs see it · simulated as #8AAEFE
  • Protanopia 82% similar1.3% of men, 0.02% of women · simulated as #A4C0FF
  • Protanomaly 87% similar1.3% of men, 0.02% of women · simulated as #90BFFF
  • Deuteranopia 85% similar1.2% of men, 0.01% of women · simulated as #8AAEFE
  • Deuteranomaly 89% similar5% of men, 0.35% of women · simulated as #7BB6FF
  • Tritanopia 83% similar0.001% of men, 0.03% of women · simulated as #00D2D7
  • Tritanomaly 92% similar0.0001% of men, 0.0001% of women · simulated as #00C9EE
  • Achromatopsia 72% similar0.003% of men, 0.003% of women · simulated as #B6B6B6
  • Achromatomaly 79% similar0.001% of men, 0.001% of women · simulated as #A2B9CB

#3BC2FF contrast checker

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

Palettes with #3BC2FF

#3BC2FF in CSS

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

/* Other notations */
color: rgb(59 194 255);
color: hsl(199 100% 62%);
color: oklch(0.769 0.142 233.0);

#3BC2FF FAQ

What color is #3BC2FF?

#3BC2FF 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 #3BC2FF?

#3BC2FF is rgb(59, 194, 255) in RGB, hsl(199, 100%, 62%) in HSL and cmyk(77%, 24%, 0%, 0%) in CMYK.

What is the complementary color of #3BC2FF?

The complementary color of #3BC2FF is #FF783B, which sits opposite it on the color wheel.

Which text color works on #3BC2FF?

Black text has the best contrast on #3BC2FF: 10.35:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #3BC2FF a warm or cool color?

#3BC2FF is a cool color.