Start generating
3FA4E5

#3FA4E5 closest to High Blue

#3FA4E5 is a light, moderately saturated blue; the closest named color is High Blue. In the RGB color model it is made of 24.7% red, 64.3% green and 89.8% blue (rgb(63, 164, 229)). Its HSL value is 203° hue, 76% saturation and 57% lightness, and in CMYK it is 72% cyan, 28% magenta, 0% yellow and 10% black. #3FA4E5 is a cool color. Black text reads best on it, with a contrast ratio of 7.65:1.

Make a palette with #3FA4E5

#3FA4E5 color conversion

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

Variations of #3FA4E5

Shades

Mixed with black: richer and darker.

3FA4E5358EC72C79AA23648E1B5072123D580A2B3F041A28010A12000103

Tints

Mixed with white: lighter and softer.

3FA4E557ADE86DB7EB80C0EE93C9F1A6D2F4B8DBF6CAE4F9DBEDFBEDF6FD

Tones

Mixed with gray: calmer and more muted.

3FA4E54AA1DB539DD15B9AC76297BD6893B26E8FA8738C9E7888947C848A

Hues

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

00B2AD00B0B900AEC500ACD21EA8DE3FA4E5579FEA6B9AED7D95ED8D90EB9C8BE6

Temperatures

Cooler on the left, warmer on the right.

379CEB389DEA3A9FE93CA1E73DA2E63FA4E54EA4DF5BA4D966A4D371A4CC7AA4C6

#3FA4E5 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

3FA4E5E5803F
Open in generator →

Split complementary

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

3FA4E5E53F51E5D33F
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

3FA4E53FE5D33F51E5
Open in generator →

Triadic

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

3FA4E5E53FA4A4E53F
Open in generator →

Tetradic

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

3FA4E5803FE5E5803FA4E53F
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

3FA4E5D33FE5E5803F51E53F
Open in generator →

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

How #3FA4E5 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 #6F95E4
  • Protanopia 87% similar1.3% of men, 0.02% of women · simulated as #86A5E8
  • Protanomaly 90% similar1.3% of men, 0.02% of women · simulated as #77A3E7
  • Deuteranopia 89% similar1.2% of men, 0.01% of women · simulated as #6F95E4
  • Deuteranomaly 93% similar5% of men, 0.35% of women · simulated as #659BE5
  • Tritanopia 82% similar0.001% of men, 0.03% of women · simulated as #00B4BB
  • Tritanomaly 91% similar0.0001% of men, 0.0001% of women · simulated as #00ABD3
  • Achromatopsia 73% similar0.003% of men, 0.003% of women · simulated as #9C9C9C
  • Achromatomaly 80% similar0.001% of men, 0.001% of women · simulated as #8C9EB2

#3FA4E5 contrast checker

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

Palettes with #3FA4E5

#3FA4E5 in CSS

/* High Blue */
.color { color: #3FA4E5; }
.background { background-color: #3FA4E5; }
.border { border: 1px solid #3FA4E5; }

/* Other notations */
color: rgb(63 164 229);
color: hsl(203 76% 57%);
color: oklch(0.689 0.133 241.0);

#3FA4E5 FAQ

What color is #3FA4E5?

#3FA4E5 is a light, moderately saturated blue. Its closest named color is High Blue. It belongs to the blue color family and is a cool color.

What is the RGB value of #3FA4E5?

#3FA4E5 is rgb(63, 164, 229) in RGB, hsl(203, 76%, 57%) in HSL and cmyk(72%, 28%, 0%, 10%) in CMYK.

What is the complementary color of #3FA4E5?

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

Which text color works on #3FA4E5?

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

Is #3FA4E5 a warm or cool color?

#3FA4E5 is a cool color.