#02bafc hex color

In a RGB color space, hex #02bafc is composed of 0.8% red, 72.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 26.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 195.8 degrees, a saturation of 98.4% and a lightness of 49.8%. #02bafc color hex could be obtained by blending #04ffff with #0075f9. Closest websafe color is: #00ccff.

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

● #02bafc color description : Vivid blue.

The hexadecimal color #02bafc has RGB values of R:2, G:186, B:252 and CMYK values of C:0.99, M:0.26, Y:0, K:0.01. Its decimal value is 178940.

Hex triplet	02bafc	`#02bafc`
RGB Decimal	2, 186, 252	`rgb(2,186,252)`
RGB Percent	0.8, 72.9, 98.8	`rgb(0.8%,72.9%,98.8%)`
CMYK	99, 26, 0, 1
HSL	195.8°, 98.4, 49.8	`hsl(195.8,98.4%,49.8%)`
HSV (or HSB)	195.8°, 99.2, 98.8
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.978, -16.011, -43.385
XYZ	35.15, 42.156, 98.374
xyY	0.2, 0.24, 42.156
CIE-LCH	70.978, 46.245, 249.743
CIE-LUV	70.978, -47.776, -68.464
Hunter-Lab	64.927, -16.987, -44.384
Binary	00000010, 10111010, 11111100

#02bafc
```
#02bafc rgb(2,186,252)
```
#fc4402
```
#fc4402 rgb(252,68,2)
```

Complementary Color

#02fcc1
```
#02fcc1 rgb(2,252,193)
```
#02bafc
```
#02bafc rgb(2,186,252)
```
#023dfc
```
#023dfc rgb(2,61,252)
```

Analogous Color

#fcc102
```
#fcc102 rgb(252,193,2)
```
#02bafc
```
#02bafc rgb(2,186,252)
```
#fc023d
```
#fc023d rgb(252,2,61)
```

Split Complementary Color

#bafc02
```
#bafc02 rgb(186,252,2)
```
#02bafc
```
#02bafc rgb(2,186,252)
```
#fc02ba
```
#fc02ba rgb(252,2,186)
```

Triadic Color

#02fc44
```
#02fc44 rgb(2,252,68)
```
#02bafc
```
#02bafc rgb(2,186,252)
```
#fc02ba
```
#fc02ba rgb(252,2,186)
```
#fc4402
```
#fc4402 rgb(252,68,2)
```

Tetradic Color

#0182b0
```
#0182b0 rgb(1,130,176)
```
#0295c9
```
#0295c9 rgb(2,149,201)
```
#02a7e3
```
#02a7e3 rgb(2,167,227)
```
#02bafc
```
#02bafc rgb(2,186,252)
```
#1ac1fd
```
#1ac1fd rgb(26,193,253)
```
#34c8fd
```
#34c8fd rgb(52,200,253)
```
#4dcffe
```
#4dcffe rgb(77,207,254)
```

Monochromatic Color

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

#02f9fc
```
#02f9fc rgb(2,249,252)
```
#02e4fc
```
#02e4fc rgb(2,228,252)
```
#02cffc
```
#02cffc rgb(2,207,252)
```
#02bafc
```
#02bafc rgb(2,186,252)
```
#02a5fc
```
#02a5fc rgb(2,165,252)
```
#0290fc
```
#0290fc rgb(2,144,252)
```
#027cfc
```
#027cfc rgb(2,124,252)
```

Similar Colors

Text with hexadecimal color #02bafc

This text has a font color of #02bafc.

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

#02bafc background color

This paragraph has a background color of #02bafc.

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

#02bafc border color

This element has a border color of #02bafc.

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

CSS codes

.text {color:#02bafc;}

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

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

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, #000e12 is the darkest color, while #feffff is the lightest one.

#000e12
```
#000e12 rgb(0,14,18)
```
#001c26
```
#001c26 rgb(0,28,38)
```
#002a39
```
#002a39 rgb(0,42,57)
```
#01394d
```
#01394d rgb(1,57,77)
```
#014760
```
#014760 rgb(1,71,96)
```
#015574
```
#015574 rgb(1,85,116)
```
#016487
```
#016487 rgb(1,100,135)
```
#01729b
```
#01729b rgb(1,114,155)
```
#0181ae
```
#0181ae rgb(1,129,174)
```
#028fc2
```
#028fc2 rgb(2,143,194)
```
#029dd5
```
#029dd5 rgb(2,157,213)
```
#02ace9
```
#02ace9 rgb(2,172,233)
```
#02bafc
```
#02bafc rgb(2,186,252)
```

Shade Color Variation

#14c0fd
```
#14c0fd rgb(20,192,253)
```
#28c5fd
```
#28c5fd rgb(40,197,253)
```
#3bcafd
```
#3bcafd rgb(59,202,253)
```
#4fcffe
```
#4fcffe rgb(79,207,254)
```
#62d5fe
```
#62d5fe rgb(98,213,254)
```
#76dafe
```
#76dafe rgb(118,218,254)
```
#89dffe
```
#89dffe rgb(137,223,254)
```
#9de4fe
```
#9de4fe rgb(157,228,254)
```
#b0eafe
```
#b0eafe rgb(176,234,254)
```
#c4efff
```
#c4efff rgb(196,239,255)
```
#d7f4ff
```
#d7f4ff rgb(215,244,255)
```
#ebf9ff
```
#ebf9ff rgb(235,249,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#778387
```
#778387 rgb(119,131,135)
```
#6d8791
```
#6d8791 rgb(109,135,145)
```
#648c9a
```
#648c9a rgb(100,140,154)
```
#5a91a4
```
#5a91a4 rgb(90,145,164)
```
#5095ae
```
#5095ae rgb(80,149,174)
```
#469ab8
```
#469ab8 rgb(70,154,184)
```
#3d9ec1
```
#3d9ec1 rgb(61,158,193)
```
#33a3cb
```
#33a3cb rgb(51,163,203)
```
#29a8d5
```
#29a8d5 rgb(41,168,213)
```
#1facdf
```
#1facdf rgb(31,172,223)
```
#16b1e8
```
#16b1e8 rgb(22,177,232)
```
#0cb5f2
```
#0cb5f2 rgb(12,181,242)
```
#02bafc
```
#02bafc rgb(2,186,252)
```

Tone Color Variation

Below, you can see how #02bafc 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
#7094a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9caff2 Protanopia 1% of men
#8cb1ff Deuteranopia 1% of men
#00c3d0 Tritanopia 0.001% of the population

Trichromacy

#64b3f5 Protanomaly 1% of men, 0.01% of women
#59b4fd Deuteranomaly 6% of men, 0.4% of women
#00bfe0 Tritanomaly 0.01% of the population

#02bafc hex color

#02bafc Color Information

#02bafc Color Conversion

Color Schemes with #02bafc

Alternatives to #02bafc

#02bafc Preview

Shades and Tints of #02bafc

Tones of #02bafc

Color Blindness Simulator