#02bcfc hex color

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

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

● #02bcfc color description : Vivid blue.

The hexadecimal color #02bcfc has RGB values of R:2, G:188, B:252 and CMYK values of C:0.99, M:0.25, Y:0, K:0.01. Its decimal value is 179452.

Hex triplet	02bcfc	`#02bcfc`
RGB Decimal	2, 188, 252	`rgb(2,188,252)`
RGB Percent	0.8, 73.7, 98.8	`rgb(0.8%,73.7%,98.8%)`
CMYK	99, 25, 0, 1
HSL	195.4°, 98.4, 49.8	`hsl(195.4,98.4%,49.8%)`
HSV (or HSB)	195.4°, 99.2, 98.8
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.558, -17.072, -42.478
XYZ	35.574, 43.004, 98.516
xyY	0.201, 0.243, 43.004
CIE-LCH	71.558, 45.78, 248.105
CIE-LUV	71.558, -48.439, -66.845
Hunter-Lab	65.578, -17.928, -43.166
Binary	00000010, 10111100, 11111100

#02bcfc
```
#02bcfc rgb(2,188,252)
```
#fc4202
```
#fc4202 rgb(252,66,2)
```

Complementary Color

#02fcbf
```
#02fcbf rgb(2,252,191)
```
#02bcfc
```
#02bcfc rgb(2,188,252)
```
#023ffc
```
#023ffc rgb(2,63,252)
```

Analogous Color

#fcbf02
```
#fcbf02 rgb(252,191,2)
```
#02bcfc
```
#02bcfc rgb(2,188,252)
```
#fc023f
```
#fc023f rgb(252,2,63)
```

Split Complementary Color

#bcfc02
```
#bcfc02 rgb(188,252,2)
```
#02bcfc
```
#02bcfc rgb(2,188,252)
```
#fc02bc
```
#fc02bc rgb(252,2,188)
```

Triadic Color

#02fc42
```
#02fc42 rgb(2,252,66)
```
#02bcfc
```
#02bcfc rgb(2,188,252)
```
#fc02bc
```
#fc02bc rgb(252,2,188)
```
#fc4202
```
#fc4202 rgb(252,66,2)
```

Tetradic Color

#0183b0
```
#0183b0 rgb(1,131,176)
```
#0296c9
```
#0296c9 rgb(2,150,201)
```
#02a9e3
```
#02a9e3 rgb(2,169,227)
```
#02bcfc
```
#02bcfc rgb(2,188,252)
```
#1ac3fd
```
#1ac3fd rgb(26,195,253)
```
#34cafd
```
#34cafd rgb(52,202,253)
```
#4dd0fe
```
#4dd0fe rgb(77,208,254)
```

Monochromatic Color

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

#02fbfc
```
#02fbfc rgb(2,251,252)
```
#02e6fc
```
#02e6fc rgb(2,230,252)
```
#02d1fc
```
#02d1fc rgb(2,209,252)
```
#02bcfc
```
#02bcfc rgb(2,188,252)
```
#02a7fc
```
#02a7fc rgb(2,167,252)
```
#0292fc
```
#0292fc rgb(2,146,252)
```
#027efc
```
#027efc rgb(2,126,252)
```

Similar Colors

Text with hexadecimal color #02bcfc

This text has a font color of #02bcfc.

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

#02bcfc background color

This paragraph has a background color of #02bcfc.

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

#02bcfc border color

This element has a border color of #02bcfc.

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

CSS codes

.text {color:#02bcfc;}

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

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

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)
```
#002b39
```
#002b39 rgb(0,43,57)
```
#01394d
```
#01394d rgb(1,57,77)
```
#014860
```
#014860 rgb(1,72,96)
```
#015674
```
#015674 rgb(1,86,116)
```
#016587
```
#016587 rgb(1,101,135)
```
#01739b
```
#01739b rgb(1,115,155)
```
#0182ae
```
#0182ae rgb(1,130,174)
```
#0290c2
```
#0290c2 rgb(2,144,194)
```
#029fd5
```
#029fd5 rgb(2,159,213)
```
#02ade9
```
#02ade9 rgb(2,173,233)
```
#02bcfc
```
#02bcfc rgb(2,188,252)
```

Shade Color Variation

#14c2fd
```
#14c2fd rgb(20,194,253)
```
#28c7fd
```
#28c7fd rgb(40,199,253)
```
#3bccfd
```
#3bccfd rgb(59,204,253)
```
#4fd1fe
```
#4fd1fe rgb(79,209,254)
```
#62d6fe
```
#62d6fe rgb(98,214,254)
```
#76dbfe
```
#76dbfe rgb(118,219,254)
```
#89e0fe
```
#89e0fe rgb(137,224,254)
```
#9de5fe
```
#9de5fe rgb(157,229,254)
```
#b0eafe
```
#b0eafe rgb(176,234,254)
```
#c4efff
```
#c4efff rgb(196,239,255)
```
#d7f5ff
```
#d7f5ff rgb(215,245,255)
```
#ebfaff
```
#ebfaff rgb(235,250,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 #02bcfc is the most saturated one.

#778387
```
#778387 rgb(119,131,135)
```
#6d8891
```
#6d8891 rgb(109,136,145)
```
#648c9a
```
#648c9a rgb(100,140,154)
```
#5a91a4
```
#5a91a4 rgb(90,145,164)
```
#5096ae
```
#5096ae rgb(80,150,174)
```
#469bb8
```
#469bb8 rgb(70,155,184)
```
#3d9fc1
```
#3d9fc1 rgb(61,159,193)
```
#33a4cb
```
#33a4cb rgb(51,164,203)
```
#29a9d5
```
#29a9d5 rgb(41,169,213)
```
#1faedf
```
#1faedf rgb(31,174,223)
```
#16b2e8
```
#16b2e8 rgb(22,178,232)
```
#0cb7f2
```
#0cb7f2 rgb(12,183,242)
```
#02bcfc
```
#02bcfc rgb(2,188,252)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7096a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eb1f1 Protanopia 1% of men
#8fb2ff Deuteranopia 1% of men
#00c4d2 Tritanopia 0.001% of the population

Trichromacy

#65b5f5 Protanomaly 1% of men, 0.01% of women
#5cb6fd Deuteranomaly 6% of men, 0.4% of women
#00c1e1 Tritanomaly 0.01% of the population

#02bcfc hex color

#02bcfc Color Information

#02bcfc Color Conversion

Color Schemes with #02bcfc

Alternatives to #02bcfc

#02bcfc Preview

Shades and Tints of #02bcfc

Tones of #02bcfc

Color Blindness Simulator