colorhexa.com

#07a2d9 hex color

In a RGB color space, hex #07a2d9 is composed of 2.7% red, 63.5% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 96.8% cyan, 25.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 195.7 degrees, a saturation of 93.8% and a lightness of 43.9%. #07a2d9 color hex could be obtained by blending #0effff with #0045b3. Closest websafe color is: #0099cc.

- R 3
- G 64
- B 85
RGB color chart
- C 97
- M 25
- Y 0
- K 15
CMYK color chart

● #07a2d9 color description : Vivid blue.

The hexadecimal color #07a2d9 has RGB values of R:7, G:162, B:217 and CMYK values of C:0.97, M:0.25, Y:0, K:0.15. Its decimal value is 500441.

Hex triplet	07a2d9	`#07a2d9`
RGB Decimal	7, 162, 217	`rgb(7,162,217)`
RGB Percent	2.7, 63.5, 85.1	`rgb(2.7%,63.5%,85.1%)`
CMYK	97, 25, 0, 15
HSL	195.7°, 93.8, 43.9	`hsl(195.7,93.8%,43.9%)`
HSV (or HSB)	195.7°, 96.8, 85.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.417, -15.402, -37.625
XYZ	25.529, 30.893, 70.259
xyY	0.202, 0.244, 30.893
CIE-LCH	62.417, 40.655, 247.738
CIE-LUV	62.417, -42.111, -57.588
Hunter-Lab	55.582, -15.281, -36.04
Binary	00000111, 10100010, 11011001

#07a2d9
```
#07a2d9 rgb(7,162,217)
```
#d93e07
```
#d93e07 rgb(217,62,7)
```

Complementary Color

#07d9a7
```
#07d9a7 rgb(7,217,167)
```
#07a2d9
```
#07a2d9 rgb(7,162,217)
```
#0739d9
```
#0739d9 rgb(7,57,217)
```

Analogous Color

#d9a707
```
#d9a707 rgb(217,167,7)
```
#07a2d9
```
#07a2d9 rgb(7,162,217)
```
#d90739
```
#d90739 rgb(217,7,57)
```

Split Complementary Color

#a2d907
```
#a2d907 rgb(162,217,7)
```
#07a2d9
```
#07a2d9 rgb(7,162,217)
```
#d907a2
```
#d907a2 rgb(217,7,162)
```

Triadic Color

#056b8f
```
#056b8f rgb(5,107,143)
```
#057da8
```
#057da8 rgb(5,125,168)
```
#0690c0
```
#0690c0 rgb(6,144,192)
```
#07a2d9
```
#07a2d9 rgb(7,162,217)
```
#08b4f2
```
#08b4f2 rgb(8,180,242)
```
#1bbef8
```
#1bbef8 rgb(27,190,248)
```
#34c5f8
```
#34c5f8 rgb(52,197,248)
```

Monochromatic Color

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

#07d7d9
```
#07d7d9 rgb(7,215,217)
```
#07c5d9
```
#07c5d9 rgb(7,197,217)
```
#07b4d9
```
#07b4d9 rgb(7,180,217)
```
#07a2d9
```
#07a2d9 rgb(7,162,217)
```
#0791d9
```
#0791d9 rgb(7,145,217)
```
#077fd9
```
#077fd9 rgb(7,127,217)
```
#076ed9
```
#076ed9 rgb(7,110,217)
```

Similar Colors

Text with hexadecimal color #07a2d9

This text has a font color of #07a2d9.

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

#07a2d9 background color

This paragraph has a background color of #07a2d9.

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

#07a2d9 border color

This element has a border color of #07a2d9.

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

CSS codes

.text {color:#07a2d9;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#01141b
```
#01141b rgb(1,20,27)
```
#01222e
```
#01222e rgb(1,34,46)
```
#023141
```
#023141 rgb(2,49,65)
```
#033f54
```
#033f54 rgb(3,63,84)
```
#034d67
```
#034d67 rgb(3,77,103)
```
#045b7a
```
#045b7a rgb(4,91,122)
```
#05698d
```
#05698d rgb(5,105,141)
```
#0577a0
```
#0577a0 rgb(5,119,160)
```
#0686b3
```
#0686b3 rgb(6,134,179)
```
#0694c6
```
#0694c6 rgb(6,148,198)
```
#07a2d9
```
#07a2d9 rgb(7,162,217)
```
#08b0ec
```
#08b0ec rgb(8,176,236)
```

Shade Color Variation

#10bbf7
```
#10bbf7 rgb(16,187,247)
```
#23c0f8
```
#23c0f8 rgb(35,192,248)
```
#36c6f9
```
#36c6f9 rgb(54,198,249)
```
#49cbf9
```
#49cbf9 rgb(73,203,249)
```
#5cd0fa
```
#5cd0fa rgb(92,208,250)
```
#6fd6fa
```
#6fd6fa rgb(111,214,250)
```
#82dbfb
```
#82dbfb rgb(130,219,251)
```
#95e1fc
```
#95e1fc rgb(149,225,252)
```
#a8e6fc
```
#a8e6fc rgb(168,230,252)
```
#bbecfd
```
#bbecfd rgb(187,236,253)
```
#cef1fd
```
#cef1fd rgb(206,241,253)
```
#e1f6fe
```
#e1f6fe rgb(225,246,254)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#6e7172
```
#6e7172 rgb(110,113,114)
```
#66757a
```
#66757a rgb(102,117,122)
```
#5d7983
```
#5d7983 rgb(93,121,131)
```
#557d8b
```
#557d8b rgb(85,125,139)
```
#4c8194
```
#4c8194 rgb(76,129,148)
```
#43859d
```
#43859d rgb(67,133,157)
```
#3b89a5
```
#3b89a5 rgb(59,137,165)
```
#328dae
```
#328dae rgb(50,141,174)
```
#2992b7
```
#2992b7 rgb(41,146,183)
```
#2196bf
```
#2196bf rgb(33,150,191)
```
#189ac8
```
#189ac8 rgb(24,154,200)
```
#109ed0
```
#109ed0 rgb(16,158,208)
```
#07a2d9
```
#07a2d9 rgb(7,162,217)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#63828d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a9ad2 Protanopia 1% of men
#7c9bdf Deuteranopia 1% of men
#00abb7 Tritanopia 0.001% of the population

Trichromacy

#5a9dd4 Protanomaly 1% of men, 0.01% of women
#519ddd Deuteranomaly 6% of men, 0.4% of women
#02a8c3 Tritanomaly 0.01% of the population