#0277fd hex color

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

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

● #0277fd color description : Vivid blue.

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

Hex triplet	0277fd	`#0277fd`
RGB Decimal	2, 119, 253	`rgb(2,119,253)`
RGB Percent	0.8, 46.7, 99.2	`rgb(0.8%,46.7%,99.2%)`
CMYK	99, 53, 0, 1
HSL	212°, 98.4, 50	`hsl(212,98.4%,50%)`
HSV (or HSB)	212°, 99.2, 99.2
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.17, 23.709, -73.948
XYZ	24.348, 20.296, 95.557
xyY	0.174, 0.145, 20.296
CIE-LCH	52.17, 77.656, 287.777
CIE-LUV	52.17, -26.858, -116.343
Hunter-Lab	45.051, 17.629, -94.223
Binary	00000010, 01110111, 11111101

#0277fd
```
#0277fd rgb(2,119,253)
```
#fd8802
```
#fd8802 rgb(253,136,2)
```

Complementary Color

#02f5fd
```
#02f5fd rgb(2,245,253)
```
#0277fd
```
#0277fd rgb(2,119,253)
```
#0b02fd
```
#0b02fd rgb(11,2,253)
```

Analogous Color

#f5fd02
```
#f5fd02 rgb(245,253,2)
```
#0277fd
```
#0277fd rgb(2,119,253)
```
#fd0b02
```
#fd0b02 rgb(253,11,2)
```

Split Complementary Color

#77fd02
```
#77fd02 rgb(119,253,2)
```
#0277fd
```
#0277fd rgb(2,119,253)
```
#fd0277
```
#fd0277 rgb(253,2,119)
```

Triadic Color

#02fd88
```
#02fd88 rgb(2,253,136)
```
#0277fd
```
#0277fd rgb(2,119,253)
```
#fd0277
```
#fd0277 rgb(253,2,119)
```
#fd8802
```
#fd8802 rgb(253,136,2)
```

Tetradic Color

#0153b1
```
#0153b1 rgb(1,83,177)
```
#025fca
```
#025fca rgb(2,95,202)
```
#026be4
```
#026be4 rgb(2,107,228)
```
#0277fd
```
#0277fd rgb(2,119,253)
```
#1b85fd
```
#1b85fd rgb(27,133,253)
```
#3592fd
```
#3592fd rgb(53,146,253)
```
#4ea0fe
```
#4ea0fe rgb(78,160,254)
```

Monochromatic Color

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

#02b6fd
```
#02b6fd rgb(2,182,253)
```
#02a1fd
```
#02a1fd rgb(2,161,253)
```
#028cfd
```
#028cfd rgb(2,140,253)
```
#0277fd
```
#0277fd rgb(2,119,253)
```
#0262fd
```
#0262fd rgb(2,98,253)
```
#024dfd
```
#024dfd rgb(2,77,253)
```
#0238fd
```
#0238fd rgb(2,56,253)
```

Similar Colors

Text with hexadecimal color #0277fd

This text has a font color of #0277fd.

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

#0277fd background color

This paragraph has a background color of #0277fd.

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

#0277fd border color

This element has a border color of #0277fd.

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

CSS codes

.text {color:#0277fd;}

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

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

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, #000913 is the darkest color, while #ffffff is the lightest one.

#000913
```
#000913 rgb(0,9,19)
```
#001227
```
#001227 rgb(0,18,39)
```
#001b3a
```
#001b3a rgb(0,27,58)
```
#01254e
```
#01254e rgb(1,37,78)
```
#012e61
```
#012e61 rgb(1,46,97)
```
#013775
```
#013775 rgb(1,55,117)
```
#014088
```
#014088 rgb(1,64,136)
```
#01499c
```
#01499c rgb(1,73,156)
```
#0152af
```
#0152af rgb(1,82,175)
```
#025cc3
```
#025cc3 rgb(2,92,195)
```
#0265d6
```
#0265d6 rgb(2,101,214)
```
#026eea
```
#026eea rgb(2,110,234)
```
#0277fd
```
#0277fd rgb(2,119,253)
```

Shade Color Variation

#1581fd
```
#1581fd rgb(21,129,253)
```
#298cfd
```
#298cfd rgb(41,140,253)
```
#3c96fd
```
#3c96fd rgb(60,150,253)
```
#50a1fe
```
#50a1fe rgb(80,161,254)
```
#63abfe
```
#63abfe rgb(99,171,254)
```
#77b6fe
```
#77b6fe rgb(119,182,254)
```
#8ac0fe
```
#8ac0fe rgb(138,192,254)
```
#9ecbfe
```
#9ecbfe rgb(158,203,254)
```
#b1d5fe
```
#b1d5fe rgb(177,213,254)
```
#c5e0ff
```
#c5e0ff rgb(197,224,255)
```
#d8eaff
```
#d8eaff rgb(216,234,255)
```
#ecf5ff
```
#ecf5ff rgb(236,245,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#787f87
```
#787f87 rgb(120,127,135)
```
#6e7e91
```
#6e7e91 rgb(110,126,145)
```
#647e9b
```
#647e9b rgb(100,126,155)
```
#5a7da5
```
#5a7da5 rgb(90,125,165)
```
#507caf
```
#507caf rgb(80,124,175)
```
#477cb8
```
#477cb8 rgb(71,124,184)
```
#3d7bc2
```
#3d7bc2 rgb(61,123,194)
```
#337acc
```
#337acc rgb(51,122,204)
```
#297ad6
```
#297ad6 rgb(41,122,214)
```
#1f79e0
```
#1f79e0 rgb(31,121,224)
```
#1678e9
```
#1678e9 rgb(22,120,233)
```
#0c78f3
```
#0c78f3 rgb(12,120,243)
```
#0277fd
```
#0277fd rgb(2,119,253)
```

Tone Color Variation

Below, you can see how #0277fd 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
#506782 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

#0277fd hex color

#0277fd Color Information

#0277fd Color Conversion

Color Schemes with #0277fd

Alternatives to #0277fd

#0277fd Preview

Shades and Tints of #0277fd

Tones of #0277fd

Color Blindness Simulator