colorhexa.com

#02badb hex color

In a RGB color space, hex #02badb is composed of 0.8% red, 72.9% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 15.1% magenta, 0% yellow and 14.1% black. It has a hue angle of 189.1 degrees, a saturation of 98.2% and a lightness of 43.3%. #02badb color hex could be obtained by blending #04ffff with #0075b7. Closest websafe color is: #00cccc.

- R 1
- G 73
- B 86
RGB color chart
- C 99
- M 15
- Y 0
- K 14
CMYK color chart

● #02badb color description : Vivid cyan.

The hexadecimal color #02badb has RGB values of R:2, G:186, B:219 and CMYK values of C:0.99, M:0.15, Y:0, K:0.14. Its decimal value is 178907.

Hex triplet	02badb	`#02badb`
RGB Decimal	2, 186, 219	`rgb(2,186,219)`
RGB Percent	0.8, 72.9, 85.9	`rgb(0.8%,72.9%,85.9%)`
CMYK	99, 15, 0, 14
HSL	189.1°, 98.2, 43.3	`hsl(189.1,98.2%,43.3%)`
HSV (or HSB)	189.1°, 99.1, 85.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.642, -27.332, -27.532
XYZ	30.367, 40.242, 73.181
xyY	0.211, 0.28, 40.242
CIE-LCH	69.642, 38.795, 225.209
CIE-LUV	69.642, -50.275, -39.845
Hunter-Lab	63.437, -25.568, -23.992
Binary	00000010, 10111010, 11011011

#02badb
```
#02badb rgb(2,186,219)
```
#db2302
```
#db2302 rgb(219,35,2)
```

Complementary Color

#02db90
```
#02db90 rgb(2,219,144)
```
#02badb
```
#02badb rgb(2,186,219)
```
#024edb
```
#024edb rgb(2,78,219)
```

Analogous Color

#db9002
```
#db9002 rgb(219,144,2)
```
#02badb
```
#02badb rgb(2,186,219)
```
#db024e
```
#db024e rgb(219,2,78)
```

Split Complementary Color

#badb02
```
#badb02 rgb(186,219,2)
```
#02badb
```
#02badb rgb(2,186,219)
```
#db02ba
```
#db02ba rgb(219,2,186)
```

Triadic Color

#017a8f
```
#017a8f rgb(1,122,143)
```
#028fa8
```
#028fa8 rgb(2,143,168)
```
#02a5c2
```
#02a5c2 rgb(2,165,194)
```
#02badb
```
#02badb rgb(2,186,219)
```
#02cff4
```
#02cff4 rgb(2,207,244)
```
#13d9fd
```
#13d9fd rgb(19,217,253)
```
#2cddfd
```
#2cddfd rgb(44,221,253)
```

Monochromatic Color

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

#02dbc6
```
#02dbc6 rgb(2,219,198)
```
#02dbd8
```
#02dbd8 rgb(2,219,216)
```
#02ccdb
```
#02ccdb rgb(2,204,219)
```
#02badb
```
#02badb rgb(2,186,219)
```
#02a8db
```
#02a8db rgb(2,168,219)
```
#0296db
```
#0296db rgb(2,150,219)
```
#0284db
```
#0284db rgb(2,132,219)
```

Similar Colors

Text with hexadecimal color #02badb

This text has a font color of #02badb.

<span style="color:#02badb;">Text here</span>

#02badb background color

This paragraph has a background color of #02badb.

<p style="background-color:#02badb;">Content here</p>

#02badb border color

This element has a border color of #02badb.

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

CSS codes

.text {color:#02badb;}

.background {background-color:#02badb;}

.border {border:1px solid #02badb;}

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

#000405
```
#000405 rgb(0,4,5)
```
#001519
```
#001519 rgb(0,21,25)
```
#00252c
```
#00252c rgb(0,37,44)
```
#01363f
```
#01363f rgb(1,54,63)
```
#014653
```
#014653 rgb(1,70,83)
```
#015766
```
#015766 rgb(1,87,102)
```
#01677a
```
#01677a rgb(1,103,122)
```
#01788d
```
#01788d rgb(1,120,141)
```
#0188a1
```
#0188a1 rgb(1,136,161)
```
#0299b4
```
#0299b4 rgb(2,153,180)
```
#02a9c8
```
#02a9c8 rgb(2,169,200)
```
#02badb
```
#02badb rgb(2,186,219)
```
#02cbee
```
#02cbee rgb(2,203,238)
```

Shade Color Variation

#07d7fd
```
#07d7fd rgb(7,215,253)
```
#1bdbfd
```
#1bdbfd rgb(27,219,253)
```
#2edefd
```
#2edefd rgb(46,222,253)
```
#42e1fd
```
#42e1fd rgb(66,225,253)
```
#55e4fd
```
#55e4fd rgb(85,228,253)
```
#69e7fe
```
#69e7fe rgb(105,231,254)
```
#7ceafe
```
#7ceafe rgb(124,234,254)
```
#90edfe
```
#90edfe rgb(144,237,254)
```
#a3f0fe
```
#a3f0fe rgb(163,240,254)
```
#b6f3fe
```
#b6f3fe rgb(182,243,254)
```
#caf7ff
```
#caf7ff rgb(202,247,255)
```
#ddfaff
```
#ddfaff rgb(221,250,255)
```
#f1fdff
```
#f1fdff rgb(241,253,255)
```

Tint Color Variation

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

#687375
```
#687375 rgb(104,115,117)
```
#60797e
```
#60797e rgb(96,121,126)
```
#577f86
```
#577f86 rgb(87,127,134)
```
#4f858f
```
#4f858f rgb(79,133,143)
```
#468b97
```
#468b97 rgb(70,139,151)
```
#3e91a0
```
#3e91a0 rgb(62,145,160)
```
#3597a8
```
#3597a8 rgb(53,151,168)
```
#2d9cb1
```
#2d9cb1 rgb(45,156,177)
```
#24a2b9
```
#24a2b9 rgb(36,162,185)
```
#1ca8c2
```
#1ca8c2 rgb(28,168,194)
```
#13aeca
```
#13aeca rgb(19,174,202)
```
#0bb4d3
```
#0bb4d3 rgb(11,180,211)
```
#02badb
```
#02badb rgb(2,186,219)
```

Tone Color Variation

Below, you can see how #02badb 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

#878787 Achromatopsia 0.005% of the population
#6c9198 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5acd2 Protanopia 1% of men
#9face3 Deuteranopia 1% of men
#00bfcd Tritanopia 0.001% of the population

Trichromacy

#6ab1d5 Protanomaly 1% of men, 0.01% of women
#66b1e0 Deuteranomaly 6% of men, 0.4% of women
#00bdd2 Tritanomaly 0.01% of the population