colorhexa.com

#07bde2 hex color

In a RGB color space, hex #07bde2 is composed of 2.7% red, 74.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 96.9% cyan, 16.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 190.1 degrees, a saturation of 94% and a lightness of 45.7%. #07bde2 color hex could be obtained by blending #0effff with #007bc5. Closest websafe color is: #00cccc.

- R 3
- G 74
- B 89
RGB color chart
- C 97
- M 16
- Y 0
- K 11
CMYK color chart

● #07bde2 color description : Vivid cyan.

The hexadecimal color #07bde2 has RGB values of R:7, G:189, B:226 and CMYK values of C:0.97, M:0.16, Y:0, K:0.11. Its decimal value is 507362.

Hex triplet	07bde2	`#07bde2`
RGB Decimal	7, 189, 226	`rgb(7,189,226)`
RGB Percent	2.7, 74.1, 88.6	`rgb(2.7%,74.1%,88.6%)`
CMYK	97, 16, 0, 11
HSL	190.1°, 94, 45.7	`hsl(190.1,94%,45.7%)`
HSV (or HSB)	190.1°, 96.9, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.821, -26.362, -29.532
XYZ	32.009, 41.928, 78.353
xyY	0.21, 0.275, 41.928
CIE-LCH	70.821, 39.587, 228.246
CIE-LUV	70.821, -50.583, -43.436
Hunter-Lab	64.752, -25.078, -26.418
Binary	00000111, 10111101, 11100010

#07bde2
```
#07bde2 rgb(7,189,226)
```
#e22c07
```
#e22c07 rgb(226,44,7)
```

Complementary Color

#07e29a
```
#07e29a rgb(7,226,154)
```
#07bde2
```
#07bde2 rgb(7,189,226)
```
#0750e2
```
#0750e2 rgb(7,80,226)
```

Analogous Color

#e29a07
```
#e29a07 rgb(226,154,7)
```
#07bde2
```
#07bde2 rgb(7,189,226)
```
#e20750
```
#e20750 rgb(226,7,80)
```

Split Complementary Color

#bde207
```
#bde207 rgb(189,226,7)
```
#07bde2
```
#07bde2 rgb(7,189,226)
```
#e207bd
```
#e207bd rgb(226,7,189)
```

Triadic Color

#057f98
```
#057f98 rgb(5,127,152)
```
#0594b1
```
#0594b1 rgb(5,148,177)
```
#06a8c9
```
#06a8c9 rgb(6,168,201)
```
#07bde2
```
#07bde2 rgb(7,189,226)
```
#0bd0f7
```
#0bd0f7 rgb(11,208,247)
```
#24d4f8
```
#24d4f8 rgb(36,212,248)
```
#3dd9f9
```
#3dd9f9 rgb(61,217,249)
```

Monochromatic Color

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

#07e2d0
```
#07e2d0 rgb(7,226,208)
```
#07e2e2
```
#07e2e2 rgb(7,226,226)
```
#07cfe2
```
#07cfe2 rgb(7,207,226)
```
#07bde2
```
#07bde2 rgb(7,189,226)
```
#07abe2
```
#07abe2 rgb(7,171,226)
```
#0799e2
```
#0799e2 rgb(7,153,226)
```
#0786e2
```
#0786e2 rgb(7,134,226)
```

Similar Colors

Text with hexadecimal color #07bde2

This text has a font color of #07bde2.

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

#07bde2 background color

This paragraph has a background color of #07bde2.

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

#07bde2 border color

This element has a border color of #07bde2.

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

CSS codes

.text {color:#07bde2;}

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

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

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, #010e11 is the darkest color, while #fdffff is the lightest one.

#010e11
```
#010e11 rgb(1,14,17)
```
#011e24
```
#011e24 rgb(1,30,36)
```
#022e37
```
#022e37 rgb(2,46,55)
```
#023e4a
```
#023e4a rgb(2,62,74)
```
#034e5d
```
#034e5d rgb(3,78,93)
```
#035e70
```
#035e70 rgb(3,94,112)
```
#046d83
```
#046d83 rgb(4,109,131)
```
#057d96
```
#057d96 rgb(5,125,150)
```
#058da9
```
#058da9 rgb(5,141,169)
```
#069dbc
```
#069dbc rgb(6,157,188)
```
#06adcf
```
#06adcf rgb(6,173,207)
```
#07bde2
```
#07bde2 rgb(7,189,226)
```
#08cdf5
```
#08cdf5 rgb(8,205,245)
```

Shade Color Variation

#18d2f8
```
#18d2f8 rgb(24,210,248)
```
#2bd6f8
```
#2bd6f8 rgb(43,214,248)
```
#3edaf9
```
#3edaf9 rgb(62,218,249)
```
#51ddfa
```
#51ddfa rgb(81,221,250)
```
#64e1fa
```
#64e1fa rgb(100,225,250)
```
#78e5fb
```
#78e5fb rgb(120,229,251)
```
#8be8fb
```
#8be8fb rgb(139,232,251)
```
#9eecfc
```
#9eecfc rgb(158,236,252)
```
#b1f0fd
```
#b1f0fd rgb(177,240,253)
```
#c4f3fd
```
#c4f3fd rgb(196,243,253)
```
#d7f7fe
```
#d7f7fe rgb(215,247,254)
```
#eafbfe
```
#eafbfe rgb(234,251,254)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#737676
```
#737676 rgb(115,118,118)
```
#6a7c7f
```
#6a7c7f rgb(106,124,127)
```
#618288
```
#618288 rgb(97,130,136)
```
#588891
```
#588891 rgb(88,136,145)
```
#4f8e9a
```
#4f8e9a rgb(79,142,154)
```
#4693a3
```
#4693a3 rgb(70,147,163)
```
#3d99ac
```
#3d99ac rgb(61,153,172)
```
#349fb5
```
#349fb5 rgb(52,159,181)
```
#2ba5be
```
#2ba5be rgb(43,165,190)
```
#22abc7
```
#22abc7 rgb(34,171,199)
```
#19b1d0
```
#19b1d0 rgb(25,177,208)
```
#10b7d9
```
#10b7d9 rgb(16,183,217)
```
#07bde2
```
#07bde2 rgb(7,189,226)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#71959c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7afd8 Protanopia 1% of men
#9fafea Deuteranopia 1% of men
#00c2d0 Tritanopia 0.001% of the population

Trichromacy

#6cb4dc Protanomaly 1% of men, 0.01% of women
#68b4e7 Deuteranomaly 6% of men, 0.4% of women
#02c0d6 Tritanomaly 0.01% of the population