#0077fd hex color

In a RGB color space, hex #0077fd is composed of 0% red, 46.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 53% magenta, 0% yellow and 0.8% black. It has a hue angle of 211.8 degrees, a saturation of 100% and a lightness of 49.6%. #0077fd color hex could be obtained by blending #00eeff with #0000fb. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 0
- G 47
- B 99
RGB color chart
- C 100
- M 53
- Y 0
- K 1
CMYK color chart

● #0077fd color description : Pure (or mostly pure) blue.

The hexadecimal color #0077fd has RGB values of R:0, G:119, B:253 and CMYK values of C:1, M:0.53, Y:0, K:0.01. Its decimal value is 30717.

Hex triplet	0077fd	`#0077fd`
RGB Decimal	0, 119, 253	`rgb(0,119,253)`
RGB Percent	0, 46.7, 99.2	`rgb(0%,46.7%,99.2%)`
CMYK	100, 53, 0, 1
HSL	211.8°, 100, 49.6	`hsl(211.8,100%,49.6%)`
HSV (or HSB)	211.8°, 100, 99.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.156, 23.663, -73.972
XYZ	24.323, 20.283, 95.556
xyY	0.174, 0.145, 20.283
CIE-LCH	52.156, 77.665, 287.739
CIE-LUV	52.156, -26.922, -116.366
Hunter-Lab	45.037, 17.585, -94.271
Binary	00000000, 01110111, 11111101

#0077fd
```
#0077fd rgb(0,119,253)
```
#fd8600
```
#fd8600 rgb(253,134,0)
```

Complementary Color

#00f6fd
```
#00f6fd rgb(0,246,253)
```
#0077fd
```
#0077fd rgb(0,119,253)
```
#0800fd
```
#0800fd rgb(8,0,253)
```

Analogous Color

#f6fd00
```
#f6fd00 rgb(246,253,0)
```
#0077fd
```
#0077fd rgb(0,119,253)
```
#fd0800
```
#fd0800 rgb(253,8,0)
```

Split Complementary Color

#77fd00
```
#77fd00 rgb(119,253,0)
```
#0077fd
```
#0077fd rgb(0,119,253)
```
#fd0077
```
#fd0077 rgb(253,0,119)
```

Triadic Color

#00fd86
```
#00fd86 rgb(0,253,134)
```
#0077fd
```
#0077fd rgb(0,119,253)
```
#fd0077
```
#fd0077 rgb(253,0,119)
```
#fd8600
```
#fd8600 rgb(253,134,0)
```

Tetradic Color

#0053b1
```
#0053b1 rgb(0,83,177)
```
#005fca
```
#005fca rgb(0,95,202)
```
#006be4
```
#006be4 rgb(0,107,228)
```
#0077fd
```
#0077fd rgb(0,119,253)
```
#1884ff
```
#1884ff rgb(24,132,255)
```
#3192ff
```
#3192ff rgb(49,146,255)
```
#4b9fff
```
#4b9fff rgb(75,159,255)
```

Monochromatic Color

Below, you can see some colors close to #0077fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#00b6fd
```
#00b6fd rgb(0,182,253)
```
#00a1fd
```
#00a1fd rgb(0,161,253)
```
#008cfd
```
#008cfd rgb(0,140,253)
```
#0077fd
```
#0077fd rgb(0,119,253)
```
#0062fd
```
#0062fd rgb(0,98,253)
```
#004dfd
```
#004dfd rgb(0,77,253)
```
#0038fd
```
#0038fd rgb(0,56,253)
```

Similar Colors

Text with hexadecimal color #0077fd

This text has a font color of #0077fd.

<span style="color:#0077fd;">Text here</span>

#0077fd background color

This paragraph has a background color of #0077fd.

<p style="background-color:#0077fd;">Content here</p>

#0077fd border color

This element has a border color of #0077fd.

<div style="border:1px solid #0077fd;">Content here</div>

CSS codes

.text {color:#0077fd;}

.background {background-color:#0077fd;}

.border {border:1px solid #0077fd;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000812 is the darkest color, while #fdfeff is the lightest one.

#000812
```
#000812 rgb(0,8,18)
```
#001225
```
#001225 rgb(0,18,37)
```
#001b39
```
#001b39 rgb(0,27,57)
```
#00244c
```
#00244c rgb(0,36,76)
```
#002d60
```
#002d60 rgb(0,45,96)
```
#003674
```
#003674 rgb(0,54,116)
```
#004087
```
#004087 rgb(0,64,135)
```
#00499b
```
#00499b rgb(0,73,155)
```
#0052af
```
#0052af rgb(0,82,175)
```
#005bc2
```
#005bc2 rgb(0,91,194)
```
#0065d6
```
#0065d6 rgb(0,101,214)
```
#006ee9
```
#006ee9 rgb(0,110,233)
```
#0077fd
```
#0077fd rgb(0,119,253)
```

Shade Color Variation

#1281ff
```
#1281ff rgb(18,129,255)
```
#258cff
```
#258cff rgb(37,140,255)
```
#3996ff
```
#3996ff rgb(57,150,255)
```
#4ca0ff
```
#4ca0ff rgb(76,160,255)
```
#60abff
```
#60abff rgb(96,171,255)
```
#74b5ff
```
#74b5ff rgb(116,181,255)
```
#87c0ff
```
#87c0ff rgb(135,192,255)
```
#9bcaff
```
#9bcaff rgb(155,202,255)
```
#afd4ff
```
#afd4ff rgb(175,212,255)
```
#c2dfff
```
#c2dfff rgb(194,223,255)
```
#d6e9ff
```
#d6e9ff rgb(214,233,255)
```
#e9f4ff
```
#e9f4ff rgb(233,244,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757e88 is the less saturated color, while #0077fd is the most saturated one.

#757e88
```
#757e88 rgb(117,126,136)
```
#6b7d92
```
#6b7d92 rgb(107,125,146)
```
#617d9c
```
#617d9c rgb(97,125,156)
```
#587ca5
```
#587ca5 rgb(88,124,165)
```
#4e7caf
```
#4e7caf rgb(78,124,175)
```
#447bb9
```
#447bb9 rgb(68,123,185)
```
#3a7ac3
```
#3a7ac3 rgb(58,122,195)
```
#317acc
```
#317acc rgb(49,122,204)
```
#2779d6
```
#2779d6 rgb(39,121,214)
```
#1d79e0
```
#1d79e0 rgb(29,121,224)
```
#1378ea
```
#1378ea rgb(19,120,234)
```
#0a78f3
```
#0a78f3 rgb(10,120,243)
```
#0077fd
```
#0077fd rgb(0,119,253)
```

Tone Color Variation

Below, you can see how #0077fd is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#636363 Achromatopsia 0.005% of the population
#4f6782 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086da Deuteranopia 1% of men
#009097 Tritanopia 0.001% of the population

Trichromacy

#007cfa Protanomaly 1% of men, 0.01% of women
#0080e6 Deuteranomaly 6% of men, 0.4% of women
#0087bc Tritanomaly 0.01% of the population

#0077fd hex color

#0077fd Color Information

#0077fd Color Conversion

Color Schemes with #0077fd

Alternatives to #0077fd

#0077fd Preview

Shades and Tints of #0077fd

Tones of #0077fd

Color Blindness Simulator