#027af5 hex color

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

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

● #027af5 color description : Vivid blue.

The hexadecimal color #027af5 has RGB values of R:2, G:122, B:245 and CMYK values of C:0.99, M:0.5, Y:0, K:0.04. Its decimal value is 162549.

Hex triplet	027af5	`#027af5`
RGB Decimal	2, 122, 245	`rgb(2,122,245)`
RGB Percent	0.8, 47.8, 96.1	`rgb(0.8%,47.8%,96.1%)`
CMYK	99, 50, 0, 4
HSL	210.4°, 98.4, 48.4	`hsl(210.4,98.4%,48.4%)`
HSV (or HSB)	210.4°, 99.2, 96.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.423, 18.726, -69.103
XYZ	23.462, 20.522, 89.106
xyY	0.176, 0.154, 20.522
CIE-LCH	52.423, 71.595, 285.162
CIE-LUV	52.423, -27.984, -108.895
Hunter-Lab	45.302, 13.169, -84.909
Binary	00000010, 01111010, 11110101

#027af5
```
#027af5 rgb(2,122,245)
```
#f57d02
```
#f57d02 rgb(245,125,2)
```

Complementary Color

#02f4f5
```
#02f4f5 rgb(2,244,245)
```
#027af5
```
#027af5 rgb(2,122,245)
```
#0302f5
```
#0302f5 rgb(3,2,245)
```

Analogous Color

#f4f502
```
#f4f502 rgb(244,245,2)
```
#027af5
```
#027af5 rgb(2,122,245)
```
#f50302
```
#f50302 rgb(245,3,2)
```

Split Complementary Color

#7af502
```
#7af502 rgb(122,245,2)
```
#027af5
```
#027af5 rgb(2,122,245)
```
#f5027a
```
#f5027a rgb(245,2,122)
```

Triadic Color

#02f57d
```
#02f57d rgb(2,245,125)
```
#027af5
```
#027af5 rgb(2,122,245)
```
#f5027a
```
#f5027a rgb(245,2,122)
```
#f57d02
```
#f57d02 rgb(245,125,2)
```

Tetradic Color

#0154a9
```
#0154a9 rgb(1,84,169)
```
#0261c2
```
#0261c2 rgb(2,97,194)
```
#026ddc
```
#026ddc rgb(2,109,220)
```
#027af5
```
#027af5 rgb(2,122,245)
```
#1387fd
```
#1387fd rgb(19,135,253)
```
#2d94fd
```
#2d94fd rgb(45,148,253)
```
#46a1fd
```
#46a1fd rgb(70,161,253)
```

Monochromatic Color

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

#02b7f5
```
#02b7f5 rgb(2,183,245)
```
#02a3f5
```
#02a3f5 rgb(2,163,245)
```
#028ef5
```
#028ef5 rgb(2,142,245)
```
#027af5
```
#027af5 rgb(2,122,245)
```
#0266f5
```
#0266f5 rgb(2,102,245)
```
#0252f5
```
#0252f5 rgb(2,82,245)
```
#023df5
```
#023df5 rgb(2,61,245)
```

Similar Colors

Text with hexadecimal color #027af5

This text has a font color of #027af5.

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

#027af5 background color

This paragraph has a background color of #027af5.

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

#027af5 border color

This element has a border color of #027af5.

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

CSS codes

.text {color:#027af5;}

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

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

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

#00060c
```
#00060c rgb(0,6,12)
```
#000f1f
```
#000f1f rgb(0,15,31)
```
#001932
```
#001932 rgb(0,25,50)
```
#012346
```
#012346 rgb(1,35,70)
```
#012c59
```
#012c59 rgb(1,44,89)
```
#01366d
```
#01366d rgb(1,54,109)
```
#014080
```
#014080 rgb(1,64,128)
```
#014a94
```
#014a94 rgb(1,74,148)
```
#0153a7
```
#0153a7 rgb(1,83,167)
```
#025dbb
```
#025dbb rgb(2,93,187)
```
#0267ce
```
#0267ce rgb(2,103,206)
```
#0270e2
```
#0270e2 rgb(2,112,226)
```
#027af5
```
#027af5 rgb(2,122,245)
```

Shade Color Variation

#0e84fd
```
#0e84fd rgb(14,132,253)
```
#218efd
```
#218efd rgb(33,142,253)
```
#3498fd
```
#3498fd rgb(52,152,253)
```
#48a2fe
```
#48a2fe rgb(72,162,254)
```
#5bacfe
```
#5bacfe rgb(91,172,254)
```
#6fb5fe
```
#6fb5fe rgb(111,181,254)
```
#82bffe
```
#82bffe rgb(130,191,254)
```
#96c9fe
```
#96c9fe rgb(150,201,254)
```
#a9d3fe
```
#a9d3fe rgb(169,211,254)
```
#bdddfe
```
#bdddfe rgb(189,221,254)
```
#d0e7ff
```
#d0e7ff rgb(208,231,255)
```
#e4f1ff
```
#e4f1ff rgb(228,241,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#747b83
```
#747b83 rgb(116,123,131)
```
#6b7b8d
```
#6b7b8d rgb(107,123,141)
```
#617b96
```
#617b96 rgb(97,123,150)
```
#587ba0
```
#587ba0 rgb(88,123,160)
```
#4e7ba9
```
#4e7ba9 rgb(78,123,169)
```
#457bb3
```
#457bb3 rgb(69,123,179)
```
#3b7bbc
```
#3b7bbc rgb(59,123,188)
```
#327bc6
```
#327bc6 rgb(50,123,198)
```
#287acf
```
#287acf rgb(40,122,207)
```
#1f7ad9
```
#1f7ad9 rgb(31,122,217)
```
#157ae2
```
#157ae2 rgb(21,122,226)
```
#0c7aec
```
#0c7aec rgb(12,122,236)
```
#027af5
```
#027af5 rgb(2,122,245)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#506881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d7ff4 Protanopia 1% of men
#0086dc Deuteranopia 1% of men
#009098 Tritanopia 0.001% of the population

Trichromacy

#1d7df4 Protanomaly 1% of men, 0.01% of women
#0082e5 Deuteranomaly 6% of men, 0.4% of women
#0088ba Tritanomaly 0.01% of the population

#027af5 hex color

#027af5 Color Information

#027af5 Color Conversion

Color Schemes with #027af5

Alternatives to #027af5

#027af5 Preview

Shades and Tints of #027af5

Tones of #027af5

Color Blindness Simulator