#0277f6 hex color

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

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

● #0277f6 color description : Vivid blue.

The hexadecimal color #0277f6 has RGB values of R:2, G:119, B:246 and CMYK values of C:0.99, M:0.52, Y:0, K:0.04. Its decimal value is 161782.

Hex triplet	0277f6	`#0277f6`
RGB Decimal	2, 119, 246	`rgb(2,119,246)`
RGB Percent	0.8, 46.7, 96.5	`rgb(0.8%,46.7%,96.5%)`
CMYK	99, 52, 0, 4
HSL	211.2°, 98.4, 48.6	`hsl(211.2,98.4%,48.6%)`
HSV (or HSB)	211.2°, 99.2, 96.5
Web Safe	0066ff	`#0066ff`

CIE-LAB	51.677, 21.005, -70.868
XYZ	23.253, 19.858, 89.791
xyY	0.175, 0.149, 19.858
CIE-LCH	51.677, 73.915, 286.51
CIE-LUV	51.677, -27.092, -111.296
Hunter-Lab	44.563, 15.156, -88.272
Binary	00000010, 01110111, 11110110

#0277f6
```
#0277f6 rgb(2,119,246)
```
#f68102
```
#f68102 rgb(246,129,2)
```

Complementary Color

#02f1f6
```
#02f1f6 rgb(2,241,246)
```
#0277f6
```
#0277f6 rgb(2,119,246)
```
#0702f6
```
#0702f6 rgb(7,2,246)
```

Analogous Color

#f1f602
```
#f1f602 rgb(241,246,2)
```
#0277f6
```
#0277f6 rgb(2,119,246)
```
#f60702
```
#f60702 rgb(246,7,2)
```

Split Complementary Color

#77f602
```
#77f602 rgb(119,246,2)
```
#0277f6
```
#0277f6 rgb(2,119,246)
```
#f60277
```
#f60277 rgb(246,2,119)
```

Triadic Color

#02f681
```
#02f681 rgb(2,246,129)
```
#0277f6
```
#0277f6 rgb(2,119,246)
```
#f60277
```
#f60277 rgb(246,2,119)
```
#f68102
```
#f68102 rgb(246,129,2)
```

Tetradic Color

#0152aa
```
#0152aa rgb(1,82,170)
```
#025fc3
```
#025fc3 rgb(2,95,195)
```
#026bdd
```
#026bdd rgb(2,107,221)
```
#0277f6
```
#0277f6 rgb(2,119,246)
```
#1484fd
```
#1484fd rgb(20,132,253)
```
#2e91fd
```
#2e91fd rgb(46,145,253)
```
#479ffe
```
#479ffe rgb(71,159,254)
```

Monochromatic Color

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

#02b4f6
```
#02b4f6 rgb(2,180,246)
```
#02a0f6
```
#02a0f6 rgb(2,160,246)
```
#028bf6
```
#028bf6 rgb(2,139,246)
```
#0277f6
```
#0277f6 rgb(2,119,246)
```
#0263f6
```
#0263f6 rgb(2,99,246)
```
#024ef6
```
#024ef6 rgb(2,78,246)
```
#023af6
```
#023af6 rgb(2,58,246)
```

Similar Colors

Text with hexadecimal color #0277f6

This text has a font color of #0277f6.

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

#0277f6 background color

This paragraph has a background color of #0277f6.

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

#0277f6 border color

This element has a border color of #0277f6.

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

CSS codes

.text {color:#0277f6;}

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

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

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, #00060d is the darkest color, while #f8fbff is the lightest one.

#00060d
```
#00060d rgb(0,6,13)
```
#000f20
```
#000f20 rgb(0,15,32)
```
#001933
```
#001933 rgb(0,25,51)
```
#012247
```
#012247 rgb(1,34,71)
```
#012c5a
```
#012c5a rgb(1,44,90)
```
#01356e
```
#01356e rgb(1,53,110)
```
#013f81
```
#013f81 rgb(1,63,129)
```
#014895
```
#014895 rgb(1,72,149)
```
#0151a8
```
#0151a8 rgb(1,81,168)
```
#025bbc
```
#025bbc rgb(2,91,188)
```
#0264cf
```
#0264cf rgb(2,100,207)
```
#026ee3
```
#026ee3 rgb(2,110,227)
```
#0277f6
```
#0277f6 rgb(2,119,246)
```

Shade Color Variation

#0f81fd
```
#0f81fd rgb(15,129,253)
```
#228bfd
```
#228bfd rgb(34,139,253)
```
#3595fd
```
#3595fd rgb(53,149,253)
```
#49a0fe
```
#49a0fe rgb(73,160,254)
```
#5caafe
```
#5caafe rgb(92,170,254)
```
#70b4fe
```
#70b4fe rgb(112,180,254)
```
#83befe
```
#83befe rgb(131,190,254)
```
#97c8fe
```
#97c8fe rgb(151,200,254)
```
#aad3fe
```
#aad3fe rgb(170,211,254)
```
#beddfe
```
#beddfe rgb(190,221,254)
```
#d1e7ff
```
#d1e7ff rgb(209,231,255)
```
#e5f1ff
```
#e5f1ff rgb(229,241,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#747c84
```
#747c84 rgb(116,124,132)
```
#6b7b8d
```
#6b7b8d rgb(107,123,141)
```
#617b97
```
#617b97 rgb(97,123,151)
```
#587ba0
```
#587ba0 rgb(88,123,160)
```
#4e7aaa
```
#4e7aaa rgb(78,122,170)
```
#457ab3
```
#457ab3 rgb(69,122,179)
```
#3b79bd
```
#3b79bd rgb(59,121,189)
```
#3279c6
```
#3279c6 rgb(50,121,198)
```
#2879d0
```
#2879d0 rgb(40,121,208)
```
#1f78d9
```
#1f78d9 rgb(31,120,217)
```
#1578e3
```
#1578e3 rgb(21,120,227)
```
#0c77ec
```
#0c77ec rgb(12,119,236)
```
#0277f6
```
#0277f6 rgb(2,119,246)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#4f6680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#167df6 Protanopia 1% of men
#0084d8 Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#0e7bf6 Protanomaly 1% of men, 0.01% of women
#007fe3 Deuteranomaly 6% of men, 0.4% of women
#0086b9 Tritanomaly 0.01% of the population

#0277f6 hex color

#0277f6 Color Information

#0277f6 Color Conversion

Color Schemes with #0277f6

Alternatives to #0277f6

#0277f6 Preview

Shades and Tints of #0277f6

Tones of #0277f6

Color Blindness Simulator