#027af7 hex color

In a RGB color space, hex #027af7 is composed of 0.8% red, 47.8% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 50.6% magenta, 0% yellow and 3.1% black. It has a hue angle of 210.6 degrees, a saturation of 98.4% and a lightness of 48.8%. #027af7 color hex could be obtained by blending #04f4ff with #0000ef. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 1
- G 48
- B 97
RGB color chart
- C 99
- M 51
- Y 0
- K 3
CMYK color chart

● #027af7 color description : Vivid blue.

The hexadecimal color #027af7 has RGB values of R:2, G:122, B:247 and CMYK values of C:0.99, M:0.51, Y:0, K:0.03. Its decimal value is 162551.

Hex triplet	027af7	`#027af7`
RGB Decimal	2, 122, 247	`rgb(2,122,247)`
RGB Percent	0.8, 47.8, 96.9	`rgb(0.8%,47.8%,96.9%)`
CMYK	99, 51, 0, 3
HSL	210.6°, 98.4, 48.8	`hsl(210.6,98.4%,48.8%)`
HSV (or HSB)	210.6°, 99.2, 96.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	52.559, 19.501, -69.993
XYZ	23.769, 20.645, 90.723
xyY	0.176, 0.153, 20.645
CIE-LCH	52.559, 72.659, 285.568
CIE-LUV	52.559, -27.909, -110.368
Hunter-Lab	45.437, 13.863, -86.577
Binary	00000010, 01111010, 11110111

#027af7
```
#027af7 rgb(2,122,247)
```
#f77f02
```
#f77f02 rgb(247,127,2)
```

Complementary Color

#02f5f7
```
#02f5f7 rgb(2,245,247)
```
#027af7
```
#027af7 rgb(2,122,247)
```
#0402f7
```
#0402f7 rgb(4,2,247)
```

Analogous Color

#f5f702
```
#f5f702 rgb(245,247,2)
```
#027af7
```
#027af7 rgb(2,122,247)
```
#f70402
```
#f70402 rgb(247,4,2)
```

Split Complementary Color

#7af702
```
#7af702 rgb(122,247,2)
```
#027af7
```
#027af7 rgb(2,122,247)
```
#f7027a
```
#f7027a rgb(247,2,122)
```

Triadic Color

#02f77f
```
#02f77f rgb(2,247,127)
```
#027af7
```
#027af7 rgb(2,122,247)
```
#f7027a
```
#f7027a rgb(247,2,122)
```
#f77f02
```
#f77f02 rgb(247,127,2)
```

Tetradic Color

#0155ab
```
#0155ab rgb(1,85,171)
```
#0261c4
```
#0261c4 rgb(2,97,196)
```
#026ede
```
#026ede rgb(2,110,222)
```
#027af7
```
#027af7 rgb(2,122,247)
```
#1587fd
```
#1587fd rgb(21,135,253)
```
#2f94fd
```
#2f94fd rgb(47,148,253)
```
#48a1fe
```
#48a1fe rgb(72,161,254)
```

Monochromatic Color

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

#02b7f7
```
#02b7f7 rgb(2,183,247)
```
#02a3f7
```
#02a3f7 rgb(2,163,247)
```
#028ef7
```
#028ef7 rgb(2,142,247)
```
#027af7
```
#027af7 rgb(2,122,247)
```
#0266f7
```
#0266f7 rgb(2,102,247)
```
#0251f7
```
#0251f7 rgb(2,81,247)
```
#023df7
```
#023df7 rgb(2,61,247)
```

Similar Colors

Text with hexadecimal color #027af7

This text has a font color of #027af7.

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

#027af7 background color

This paragraph has a background color of #027af7.

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

#027af7 border color

This element has a border color of #027af7.

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

CSS codes

.text {color:#027af7;}

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

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

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, #00070e is the darkest color, while #f9fcff is the lightest one.

#00070e
```
#00070e rgb(0,7,14)
```
#001021
```
#001021 rgb(0,16,33)
```
#001a34
```
#001a34 rgb(0,26,52)
```
#012448
```
#012448 rgb(1,36,72)
```
#012d5b
```
#012d5b rgb(1,45,91)
```
#01376f
```
#01376f rgb(1,55,111)
```
#014082
```
#014082 rgb(1,64,130)
```
#014a96
```
#014a96 rgb(1,74,150)
```
#0154a9
```
#0154a9 rgb(1,84,169)
```
#025dbd
```
#025dbd rgb(2,93,189)
```
#0267d0
```
#0267d0 rgb(2,103,208)
```
#0270e4
```
#0270e4 rgb(2,112,228)
```
#027af7
```
#027af7 rgb(2,122,247)
```

Shade Color Variation

#1084fd
```
#1084fd rgb(16,132,253)
```
#238efd
```
#238efd rgb(35,142,253)
```
#3698fd
```
#3698fd rgb(54,152,253)
```
#4aa2fe
```
#4aa2fe rgb(74,162,254)
```
#5dacfe
```
#5dacfe rgb(93,172,254)
```
#71b6fe
```
#71b6fe rgb(113,182,254)
```
#84c0fe
```
#84c0fe rgb(132,192,254)
```
#98cafe
```
#98cafe rgb(152,202,254)
```
#abd4fe
```
#abd4fe rgb(171,212,254)
```
#bfdefe
```
#bfdefe rgb(191,222,254)
```
#d2e8ff
```
#d2e8ff rgb(210,232,255)
```
#e6f2ff
```
#e6f2ff rgb(230,242,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#757c84
```
#757c84 rgb(117,124,132)
```
#6b7c8e
```
#6b7c8e rgb(107,124,142)
```
#627c97
```
#627c97 rgb(98,124,151)
```
#587ca1
```
#587ca1 rgb(88,124,161)
```
#4f7caa
```
#4f7caa rgb(79,124,170)
```
#457bb4
```
#457bb4 rgb(69,123,180)
```
#3b7bbe
```
#3b7bbe rgb(59,123,190)
```
#327bc7
```
#327bc7 rgb(50,123,199)
```
#287bd1
```
#287bd1 rgb(40,123,209)
```
#1f7bda
```
#1f7bda rgb(31,123,218)
```
#157ae4
```
#157ae4 rgb(21,122,228)
```
#0c7aed
```
#0c7aed rgb(12,122,237)
```
#027af7
```
#027af7 rgb(2,122,247)
```

Tone Color Variation

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

#2880f6 Protanopia 1% of men
#0087dc Deuteranopia 1% of men
#009199 Tritanopia 0.001% of the population

Trichromacy

#1a7df6 Protanomaly 1% of men, 0.01% of women
#0082e6 Deuteranomaly 6% of men, 0.4% of women
#0088bb Tritanomaly 0.01% of the population

#027af7 hex color

#027af7 Color Information

#027af7 Color Conversion

Color Schemes with #027af7

Alternatives to #027af7

#027af7 Preview

Shades and Tints of #027af7

Tones of #027af7

Color Blindness Simulator