#02bad8 hex color

In a RGB color space, hex #02bad8 is composed of 0.8% red, 72.9% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 13.9% magenta, 0% yellow and 15.3% black. It has a hue angle of 188.4 degrees, a saturation of 98.2% and a lightness of 42.7%. #02bad8 color hex could be obtained by blending #04ffff with #0075b1. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 73
- B 85
RGB color chart
- C 99
- M 14
- Y 0
- K 15
CMYK color chart

● #02bad8 color description : Strong cyan.

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

Hex triplet	02bad8	`#02bad8`
RGB Decimal	2, 186, 216	`rgb(2,186,216)`
RGB Percent	0.8, 72.9, 84.7	`rgb(0.8%,72.9%,84.7%)`
CMYK	99, 14, 0, 15
HSL	188.4°, 98.2, 42.7	`hsl(188.4,98.2%,42.7%)`
HSV (or HSB)	188.4°, 99.1, 84.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.53, -28.327, -26.063
XYZ	29.975, 40.086, 71.119
xyY	0.212, 0.284, 40.086
CIE-LCH	69.53, 38.493, 222.616
CIE-LUV	69.53, -50.511, -37.237
Hunter-Lab	63.313, -26.289, -22.281
Binary	00000010, 10111010, 11011000

#02bad8
```
#02bad8 rgb(2,186,216)
```
#d82002
```
#d82002 rgb(216,32,2)
```

Complementary Color

#02d88b
```
#02d88b rgb(2,216,139)
```
#02bad8
```
#02bad8 rgb(2,186,216)
```
#024fd8
```
#024fd8 rgb(2,79,216)
```

Analogous Color

#d88b02
```
#d88b02 rgb(216,139,2)
```
#02bad8
```
#02bad8 rgb(2,186,216)
```
#d8024f
```
#d8024f rgb(216,2,79)
```

Split Complementary Color

#bad802
```
#bad802 rgb(186,216,2)
```
#02bad8
```
#02bad8 rgb(2,186,216)
```
#d802ba
```
#d802ba rgb(216,2,186)
```

Triadic Color

#02d820
```
#02d820 rgb(2,216,32)
```
#02bad8
```
#02bad8 rgb(2,186,216)
```
#d802ba
```
#d802ba rgb(216,2,186)
```
#d82002
```
#d82002 rgb(216,32,2)
```

Tetradic Color

#01798c
```
#01798c rgb(1,121,140)
```
#028ea5
```
#028ea5 rgb(2,142,165)
```
#02a4bf
```
#02a4bf rgb(2,164,191)
```
#02bad8
```
#02bad8 rgb(2,186,216)
```
#02d0f1
```
#02d0f1 rgb(2,208,241)
```
#10dcfd
```
#10dcfd rgb(16,220,253)
```
#29dffd
```
#29dffd rgb(41,223,253)
```

Monochromatic Color

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

#02d8c1
```
#02d8c1 rgb(2,216,193)
```
#02d8d2
```
#02d8d2 rgb(2,216,210)
```
#02ccd8
```
#02ccd8 rgb(2,204,216)
```
#02bad8
```
#02bad8 rgb(2,186,216)
```
#02a8d8
```
#02a8d8 rgb(2,168,216)
```
#0296d8
```
#0296d8 rgb(2,150,216)
```
#0285d8
```
#0285d8 rgb(2,133,216)
```

Similar Colors

Text with hexadecimal color #02bad8

This text has a font color of #02bad8.

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

#02bad8 background color

This paragraph has a background color of #02bad8.

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

#02bad8 border color

This element has a border color of #02bad8.

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

CSS codes

.text {color:#02bad8;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001316
```
#001316 rgb(0,19,22)
```
#002329
```
#002329 rgb(0,35,41)
```
#01343d
```
#01343d rgb(1,52,61)
```
#014550
```
#014550 rgb(1,69,80)
```
#015663
```
#015663 rgb(1,86,99)
```
#016677
```
#016677 rgb(1,102,119)
```
#01778a
```
#01778a rgb(1,119,138)
```
#01889e
```
#01889e rgb(1,136,158)
```
#0299b1
```
#0299b1 rgb(2,153,177)
```
#02a9c5
```
#02a9c5 rgb(2,169,197)
```
#02bad8
```
#02bad8 rgb(2,186,216)
```
#02cbeb
```
#02cbeb rgb(2,203,235)
```

Shade Color Variation

#05dafd
```
#05dafd rgb(5,218,253)
```
#18ddfd
```
#18ddfd rgb(24,221,253)
```
#2be0fd
```
#2be0fd rgb(43,224,253)
```
#3fe3fd
```
#3fe3fd rgb(63,227,253)
```
#52e5fd
```
#52e5fd rgb(82,229,253)
```
#66e8fe
```
#66e8fe rgb(102,232,254)
```
#79ebfe
```
#79ebfe rgb(121,235,254)
```
#8deefe
```
#8deefe rgb(141,238,254)
```
#a0f1fe
```
#a0f1fe rgb(160,241,254)
```
#b3f4fe
```
#b3f4fe rgb(179,244,254)
```
#c7f7fe
```
#c7f7fe rgb(199,247,254)
```
#dafaff
```
#dafaff rgb(218,250,255)
```
#eefcff
```
#eefcff rgb(238,252,255)
```

Tint Color Variation

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

#677273
```
#677273 rgb(103,114,115)
```
#5e787c
```
#5e787c rgb(94,120,124)
```
#567e84
```
#567e84 rgb(86,126,132)
```
#4d848d
```
#4d848d rgb(77,132,141)
```
#458a95
```
#458a95 rgb(69,138,149)
```
#3d909d
```
#3d909d rgb(61,144,157)
```
#3496a6
```
#3496a6 rgb(52,150,166)
```
#2c9cae
```
#2c9cae rgb(44,156,174)
```
#24a2b6
```
#24a2b6 rgb(36,162,182)
```
#1ba8bf
```
#1ba8bf rgb(27,168,191)
```
#13aec7
```
#13aec7 rgb(19,174,199)
```
#0ab4d0
```
#0ab4d0 rgb(10,180,208)
```
#02bad8
```
#02bad8 rgb(2,186,216)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6c9096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6accf Protanopia 1% of men
#a0abe1 Deuteranopia 1% of men
#00bfcc Tritanopia 0.001% of the population

Trichromacy

#6ab1d2 Protanomaly 1% of men, 0.01% of women
#67b0dd Deuteranomaly 6% of men, 0.4% of women
#00bdd0 Tritanomaly 0.01% of the population

#02bad8 hex color

#02bad8 Color Information

#02bad8 Color Conversion

Color Schemes with #02bad8

Alternatives to #02bad8

#02bad8 Preview

Shades and Tints of #02bad8

Tones of #02bad8

Color Blindness Simulator