colorhexa.com

#027afe hex color

In a RGB color space, hex #027afe is composed of 0.8% red, 47.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 52% magenta, 0% yellow and 0.4% black. It has a hue angle of 211.4 degrees, a saturation of 99.2% and a lightness of 50.2%. #027afe color hex could be obtained by blending #04f4ff with #0000fd. Closest websafe color is: #0066ff.

- R 1
- G 48
- B 100
RGB color chart
- C 99
- M 52
- Y 0
- K 0
CMYK color chart

● #027afe color description : Vivid blue.

The hexadecimal color #027afe has RGB values of R:2, G:122, B:254 and CMYK values of C:0.99, M:0.52, Y:0, K:0. Its decimal value is 162558.

Hex triplet	027afe	`#027afe`
RGB Decimal	2, 122, 254	`rgb(2,122,254)`
RGB Percent	0.8, 47.8, 99.6	`rgb(0.8%,47.8%,99.6%)`
CMYK	99, 52, 0, 0
HSL	211.4°, 99.2, 50.2	`hsl(211.4,99.2%,50.2%)`
HSV (or HSB)	211.4°, 99.2, 99.6
Web Safe	0066ff	`#0066ff`

CIE-LAB	53.043, 22.204, -73.085
XYZ	24.87, 21.085, 96.52
xyY	0.175, 0.148, 21.085
CIE-LCH	53.043, 76.383, 286.899
CIE-LUV	53.043, -27.66, -115.47
Hunter-Lab	45.919, 16.319, -92.482
Binary	00000010, 01111010, 11111110

#027afe
```
#027afe rgb(2,122,254)
```
#fe8602
```
#fe8602 rgb(254,134,2)
```

Complementary Color

#02f8fe
```
#02f8fe rgb(2,248,254)
```
#027afe
```
#027afe rgb(2,122,254)
```
#0802fe
```
#0802fe rgb(8,2,254)
```

Analogous Color

#f8fe02
```
#f8fe02 rgb(248,254,2)
```
#027afe
```
#027afe rgb(2,122,254)
```
#fe0802
```
#fe0802 rgb(254,8,2)
```

Split Complementary Color

#7afe02
```
#7afe02 rgb(122,254,2)
```
#027afe
```
#027afe rgb(2,122,254)
```
#fe027a
```
#fe027a rgb(254,2,122)
```

Triadic Color

#0156b3
```
#0156b3 rgb(1,86,179)
```
#0162cc
```
#0162cc rgb(1,98,204)
```
#016ee6
```
#016ee6 rgb(1,110,230)
```
#027afe
```
#027afe rgb(2,122,254)
```
#1b87fe
```
#1b87fe rgb(27,135,254)
```
#3595fe
```
#3595fe rgb(53,149,254)
```
#4ea2fe
```
#4ea2fe rgb(78,162,254)
```

Monochromatic Color

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

#02b9fe
```
#02b9fe rgb(2,185,254)
```
#02a4fe
```
#02a4fe rgb(2,164,254)
```
#028ffe
```
#028ffe rgb(2,143,254)
```
#027afe
```
#027afe rgb(2,122,254)
```
#0265fe
```
#0265fe rgb(2,101,254)
```
#0250fe
```
#0250fe rgb(2,80,254)
```
#023bfe
```
#023bfe rgb(2,59,254)
```

Similar Colors

Text with hexadecimal color #027afe

This text has a font color of #027afe.

<span style="color:#027afe;">Text here</span>

#027afe background color

This paragraph has a background color of #027afe.

<p style="background-color:#027afe;">Content here</p>

#027afe border color

This element has a border color of #027afe.

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

CSS codes

.text {color:#027afe;}

.background {background-color:#027afe;}

.border {border:1px solid #027afe;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000a15
```
#000a15 rgb(0,10,21)
```
#001328
```
#001328 rgb(0,19,40)
```
#001d3c
```
#001d3c rgb(0,29,60)
```
#00264f
```
#00264f rgb(0,38,79)
```
#002f63
```
#002f63 rgb(0,47,99)
```
#003976
```
#003976 rgb(0,57,118)
```
#01428a
```
#01428a rgb(1,66,138)
```
#014b9d
```
#014b9d rgb(1,75,157)
```
#0155b1
```
#0155b1 rgb(1,85,177)
```
#015ec4
```
#015ec4 rgb(1,94,196)
```
#0167d8
```
#0167d8 rgb(1,103,216)
```
#0171eb
```
#0171eb rgb(1,113,235)
```

Shade Color Variation

#027afe
```
#027afe rgb(2,122,254)
```
#1684fe
```
#1684fe rgb(22,132,254)
```
#298ffe
```
#298ffe rgb(41,143,254)
```
#3d99fe
```
#3d99fe rgb(61,153,254)
```
#50a3fe
```
#50a3fe rgb(80,163,254)
```
#64adfe
```
#64adfe rgb(100,173,254)
```
#77b8fe
```
#77b8fe rgb(119,184,254)
```
#8bc2ff
```
#8bc2ff rgb(139,194,255)
```
#9eccff
```
#9eccff rgb(158,204,255)
```
#b2d6ff
```
#b2d6ff rgb(178,214,255)
```
#c5e1ff
```
#c5e1ff rgb(197,225,255)
```
#d9ebff
```
#d9ebff rgb(217,235,255)
```
#ecf5ff
```
#ecf5ff rgb(236,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #778089 is the less saturated color, while #027afe is the most saturated one.

#778089
```
#778089 rgb(119,128,137)
```
#6d7f93
```
#6d7f93 rgb(109,127,147)
```
#647f9c
```
#647f9c rgb(100,127,156)
```
#5a7ea6
```
#5a7ea6 rgb(90,126,166)
```
#507eb0
```
#507eb0 rgb(80,126,176)
```
#467dba
```
#467dba rgb(70,125,186)
```
#3d7dc3
```
#3d7dc3 rgb(61,125,195)
```
#337ccd
```
#337ccd rgb(51,124,205)
```
#297cd7
```
#297cd7 rgb(41,124,215)
```
#1f7be1
```
#1f7be1 rgb(31,123,225)
```
#167bea
```
#167bea rgb(22,123,234)
```
#0c7af4
```
#0c7af4 rgb(12,122,244)
```
#027afe
```
#027afe rgb(2,122,254)
```

Tone Color Variation

Below, you can see how #027afe 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

#656565 Achromatopsia 0.005% of the population
#516984 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0081fd Protanopia 1% of men
#0088de Deuteranopia 1% of men
#00929a Tritanopia 0.001% of the population

Trichromacy

#007efd Protanomaly 1% of men, 0.01% of women
#0083e9 Deuteranomaly 6% of men, 0.4% of women
#0089be Tritanomaly 0.01% of the population