#07a2f0 hex color

In a RGB color space, hex #07a2f0 is composed of 2.7% red, 63.5% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 97.1% cyan, 32.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 200.1 degrees, a saturation of 94.3% and a lightness of 48.4%. #07a2f0 color hex could be obtained by blending #0effff with #0045e1. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 3
- G 64
- B 94
RGB color chart
- C 97
- M 33
- Y 0
- K 6
CMYK color chart

● #07a2f0 color description : Vivid blue.

The hexadecimal color #07a2f0 has RGB values of R:7, G:162, B:240 and CMYK values of C:0.97, M:0.33, Y:0, K:0.06. Its decimal value is 500464.

Hex triplet	07a2f0	`#07a2f0`
RGB Decimal	7, 162, 240	`rgb(7,162,240)`
RGB Percent	2.7, 63.5, 94.1	`rgb(2.7%,63.5%,94.1%)`
CMYK	97, 33, 0, 6
HSL	200.1°, 94.3, 48.4	`hsl(200.1,94.3%,48.4%)`
HSV (or HSB)	200.1°, 97.1, 94.1
Web Safe	0099ff	`#0099ff`

CIE-LAB	63.487, -7.047, -48.634
XYZ	28.732, 32.174, 87.129
xyY	0.194, 0.217, 32.174
CIE-LCH	63.487, 49.142, 261.755
CIE-LUV	63.487, -40.532, -77.254
Hunter-Lab	56.722, -8.847, -51.367
Binary	00000111, 10100010, 11110000

#07a2f0
```
#07a2f0 rgb(7,162,240)
```
#f05507
```
#f05507 rgb(240,85,7)
```

Complementary Color

#07f0ca
```
#07f0ca rgb(7,240,202)
```
#07a2f0
```
#07a2f0 rgb(7,162,240)
```
#072ef0
```
#072ef0 rgb(7,46,240)
```

Analogous Color

#f0ca07
```
#f0ca07 rgb(240,202,7)
```
#07a2f0
```
#07a2f0 rgb(7,162,240)
```
#f0072d
```
#f0072d rgb(240,7,45)
```

Split Complementary Color

#a2f007
```
#a2f007 rgb(162,240,7)
```
#07a2f0
```
#07a2f0 rgb(7,162,240)
```
#f007a2
```
#f007a2 rgb(240,7,162)
```

Triadic Color

#07f055
```
#07f055 rgb(7,240,85)
```
#07a2f0
```
#07a2f0 rgb(7,162,240)
```
#f007a2
```
#f007a2 rgb(240,7,162)
```
#f05507
```
#f05507 rgb(240,85,7)
```

Tetradic Color

#0570a6
```
#0570a6 rgb(5,112,166)
```
#0681be
```
#0681be rgb(6,129,190)
```
#0691d7
```
#0691d7 rgb(6,145,215)
```
#07a2f0
```
#07a2f0 rgb(7,162,240)
```
#18adf8
```
#18adf8 rgb(24,173,248)
```
#31b6f9
```
#31b6f9 rgb(49,182,249)
```
#4abffa
```
#4abffa rgb(74,191,250)
```

Monochromatic Color

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

#07dcf0
```
#07dcf0 rgb(7,220,240)
```
#07c9f0
```
#07c9f0 rgb(7,201,240)
```
#07b5f0
```
#07b5f0 rgb(7,181,240)
```
#07a2f0
```
#07a2f0 rgb(7,162,240)
```
#078ff0
```
#078ff0 rgb(7,143,240)
```
#077bf0
```
#077bf0 rgb(7,123,240)
```
#0768f0
```
#0768f0 rgb(7,104,240)
```

Similar Colors

Text with hexadecimal color #07a2f0

This text has a font color of #07a2f0.

<span style="color:#07a2f0;">Text here</span>

#07a2f0 background color

This paragraph has a background color of #07a2f0.

<p style="background-color:#07a2f0;">Content here</p>

#07a2f0 border color

This element has a border color of #07a2f0.

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

CSS codes

.text {color:#07a2f0;}

.background {background-color:#07a2f0;}

.border {border:1px solid #07a2f0;}

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, #00080b is the darkest color, while #f7fcff is the lightest one.

#00080b
```
#00080b rgb(0,8,11)
```
#01141e
```
#01141e rgb(1,20,30)
```
#012131
```
#012131 rgb(1,33,49)
```
#022e44
```
#022e44 rgb(2,46,68)
```
#033b58
```
#033b58 rgb(3,59,88)
```
#03486b
```
#03486b rgb(3,72,107)
```
#04557e
```
#04557e rgb(4,85,126)
```
#046291
```
#046291 rgb(4,98,145)
```
#056fa4
```
#056fa4 rgb(5,111,164)
```
#057bb7
```
#057bb7 rgb(5,123,183)
```
#0688ca
```
#0688ca rgb(6,136,202)
```
#0695dd
```
#0695dd rgb(6,149,221)
```
#07a2f0
```
#07a2f0 rgb(7,162,240)
```

Shade Color Variation

#13abf8
```
#13abf8 rgb(19,171,248)
```
#26b2f9
```
#26b2f9 rgb(38,178,249)
```
#39b9f9
```
#39b9f9 rgb(57,185,249)
```
#4cbffa
```
#4cbffa rgb(76,191,250)
```
#5fc6fa
```
#5fc6fa rgb(95,198,250)
```
#72cdfb
```
#72cdfb rgb(114,205,251)
```
#85d4fb
```
#85d4fb rgb(133,212,251)
```
#98dafc
```
#98dafc rgb(152,218,252)
```
#abe1fd
```
#abe1fd rgb(171,225,253)
```
#bee8fd
```
#bee8fd rgb(190,232,253)
```
#d1effe
```
#d1effe rgb(209,239,254)
```
#e4f5fe
```
#e4f5fe rgb(228,245,254)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c7e is the less saturated color, while #07a2f0 is the most saturated one.

#797c7e
```
#797c7e rgb(121,124,126)
```
#707f88
```
#707f88 rgb(112,127,136)
```
#668391
```
#668391 rgb(102,131,145)
```
#5d869b
```
#5d869b rgb(93,134,155)
```
#5389a4
```
#5389a4 rgb(83,137,164)
```
#4a8cae
```
#4a8cae rgb(74,140,174)
```
#408fb7
```
#408fb7 rgb(64,143,183)
```
#3792c1
```
#3792c1 rgb(55,146,193)
```
#2d95ca
```
#2d95ca rgb(45,149,202)
```
#2499d4
```
#2499d4 rgb(36,153,212)
```
#1a9cdd
```
#1a9cdd rgb(26,156,221)
```
#119fe7
```
#119fe7 rgb(17,159,231)
```
#07a2f0
```
#07a2f0 rgb(7,162,240)
```

Tone Color Variation

Below, you can see how #07a2f0 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

#7d7d7d Achromatopsia 0.005% of the population
#658494 Atypical Achromatopsia 0.001% of the population

Dichromacy

#819ce8 Protanopia 1% of men
#689ff3 Deuteranopia 1% of men
#00aeb9 Tritanopia 0.001% of the population

Trichromacy

#559eeb Protanomaly 1% of men, 0.01% of women
#45a0f2 Deuteranomaly 6% of men, 0.4% of women
#02a9cd Tritanomaly 0.01% of the population

#07a2f0 hex color

#07a2f0 Color Information

#07a2f0 Color Conversion

Color Schemes with #07a2f0

Alternatives to #07a2f0

#07a2f0 Preview

Shades and Tints of #07a2f0

Tones of #07a2f0

Color Blindness Simulator