#02baff hex color

In a RGB color space, hex #02baff is composed of 0.8% red, 72.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 27.1% magenta, 0% yellow and 0% black. It has a hue angle of 196.4 degrees, a saturation of 100% and a lightness of 50.4%. #02baff color hex could be obtained by blending #04ffff with #0075ff. Closest websafe color is: #00ccff.

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

● #02baff color description : Vivid blue.

The hexadecimal color #02baff has RGB values of R:2, G:186, B:255 and CMYK values of C:0.99, M:0.27, Y:0, K:0. Its decimal value is 178943.

Hex triplet	02baff	`#02baff`
RGB Decimal	2, 186, 255	`rgb(2,186,255)`
RGB Percent	0.8, 72.9, 100	`rgb(0.8%,72.9%,100%)`
CMYK	99, 27, 0, 0
HSL	196.4°, 100, 50.4	`hsl(196.4,100%,50.4%)`
HSV (or HSB)	196.4°, 99.2, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.11, -14.955, -44.797
XYZ	35.629, 42.347, 100.898
xyY	0.199, 0.237, 42.347
CIE-LCH	71.11, 47.228, 251.539
CIE-LUV	71.11, -47.56, -71.042
Hunter-Lab	65.075, -16.15, -46.377
Binary	00000010, 10111010, 11111111

#02baff
```
#02baff rgb(2,186,255)
```
#ff4702
```
#ff4702 rgb(255,71,2)
```

Complementary Color

#02ffc6
```
#02ffc6 rgb(2,255,198)
```
#02baff
```
#02baff rgb(2,186,255)
```
#023bff
```
#023bff rgb(2,59,255)
```

Analogous Color

#ffc602
```
#ffc602 rgb(255,198,2)
```
#02baff
```
#02baff rgb(2,186,255)
```
#ff023b
```
#ff023b rgb(255,2,59)
```

Split Complementary Color

#baff02
```
#baff02 rgb(186,255,2)
```
#02baff
```
#02baff rgb(2,186,255)
```
#ff02ba
```
#ff02ba rgb(255,2,186)
```

Triadic Color

#02ff47
```
#02ff47 rgb(2,255,71)
```
#02baff
```
#02baff rgb(2,186,255)
```
#ff02ba
```
#ff02ba rgb(255,2,186)
```
#ff4702
```
#ff4702 rgb(255,71,2)
```

Tetradic Color

#0083b5
```
#0083b5 rgb(0,131,181)
```
#0096ce
```
#0096ce rgb(0,150,206)
```
#00a8e8
```
#00a8e8 rgb(0,168,232)
```
#02baff
```
#02baff rgb(2,186,255)
```
#1cc1ff
```
#1cc1ff rgb(28,193,255)
```
#35c8ff
```
#35c8ff rgb(53,200,255)
```
#4fcfff
```
#4fcfff rgb(79,207,255)
```

Monochromatic Color

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

#02f9ff
```
#02f9ff rgb(2,249,255)
```
#02e4ff
```
#02e4ff rgb(2,228,255)
```
#02cfff
```
#02cfff rgb(2,207,255)
```
#02baff
```
#02baff rgb(2,186,255)
```
#02a5ff
```
#02a5ff rgb(2,165,255)
```
#0290ff
```
#0290ff rgb(2,144,255)
```
#027bff
```
#027bff rgb(2,123,255)
```

Similar Colors

Text with hexadecimal color #02baff

This text has a font color of #02baff.

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

#02baff background color

This paragraph has a background color of #02baff.

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

#02baff border color

This element has a border color of #02baff.

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

CSS codes

.text {color:#02baff;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#001016
```
#001016 rgb(0,16,22)
```
#001e29
```
#001e29 rgb(0,30,41)
```
#002c3d
```
#002c3d rgb(0,44,61)
```
#003b50
```
#003b50 rgb(0,59,80)
```
#004964
```
#004964 rgb(0,73,100)
```
#005778
```
#005778 rgb(0,87,120)
```
#00658b
```
#00658b rgb(0,101,139)
```
#00749f
```
#00749f rgb(0,116,159)
```
#0082b3
```
#0082b3 rgb(0,130,179)
```
#0090c6
```
#0090c6 rgb(0,144,198)
```
#009eda
```
#009eda rgb(0,158,218)
```
#00aded
```
#00aded rgb(0,173,237)
```

Shade Color Variation

#02baff
```
#02baff rgb(2,186,255)
```
#16bfff
```
#16bfff rgb(22,191,255)
```
#29c5ff
```
#29c5ff rgb(41,197,255)
```
#3dcaff
```
#3dcaff rgb(61,202,255)
```
#50cfff
```
#50cfff rgb(80,207,255)
```
#64d5ff
```
#64d5ff rgb(100,213,255)
```
#78daff
```
#78daff rgb(120,218,255)
```
#8bdfff
```
#8bdfff rgb(139,223,255)
```
#9fe5ff
```
#9fe5ff rgb(159,229,255)
```
#b3eaff
```
#b3eaff rgb(179,234,255)
```
#c6efff
```
#c6efff rgb(198,239,255)
```
#daf5ff
```
#daf5ff rgb(218,245,255)
```
#edfaff
```
#edfaff rgb(237,250,255)
```

Tint Color Variation

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

#77858a
```
#77858a rgb(119,133,138)
```
#6d8994
```
#6d8994 rgb(109,137,148)
```
#638e9e
```
#638e9e rgb(99,142,158)
```
#5a92a7
```
#5a92a7 rgb(90,146,167)
```
#5097b1
```
#5097b1 rgb(80,151,177)
```
#469bbb
```
#469bbb rgb(70,155,187)
```
#3c9fc5
```
#3c9fc5 rgb(60,159,197)
```
#33a4ce
```
#33a4ce rgb(51,164,206)
```
#29a8d8
```
#29a8d8 rgb(41,168,216)
```
#1fade2
```
#1fade2 rgb(31,173,226)
```
#15b1ec
```
#15b1ec rgb(21,177,236)
```
#0cb6f5
```
#0cb6f5 rgb(12,182,245)
```
#02baff
```
#02baff rgb(2,186,255)
```

Tone Color Variation

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

#9baff5 Protanopia 1% of men
#8bb1ff Deuteranopia 1% of men
#00c3d0 Tritanopia 0.001% of the population

Trichromacy

#63b3f8 Protanomaly 1% of men, 0.01% of women
#59b4ff Deuteranomaly 6% of men, 0.4% of women
#00c0e1 Tritanomaly 0.01% of the population

#02baff hex color

#02baff Color Information

#02baff Color Conversion

Color Schemes with #02baff

Alternatives to #02baff

#02baff Preview

Shades and Tints of #02baff

Tones of #02baff

Color Blindness Simulator