#0bccec hex color

In a RGB color space, hex #0bccec is composed of 4.3% red, 80% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 13.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 188.5 degrees, a saturation of 91.1% and a lightness of 48.4%. #0bccec color hex could be obtained by blending #16ffff with #0099d9. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 4
- G 80
- B 93
RGB color chart
- C 95
- M 14
- Y 0
- K 7
CMYK color chart

● #0bccec color description : Vivid cyan.

The hexadecimal color #0bccec has RGB values of R:11, G:204, B:236 and CMYK values of C:0.95, M:0.14, Y:0, K:0.07. Its decimal value is 773356.

Hex triplet	0bccec	`#0bccec`
RGB Decimal	11, 204, 236	`rgb(11,204,236)`
RGB Percent	4.3, 80, 92.5	`rgb(4.3%,80%,92.5%)`
CMYK	95, 14, 0, 7
HSL	188.5°, 91.1, 48.4	`hsl(188.5,91.1%,48.4%)`
HSV (or HSB)	188.5°, 95.3, 92.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.643, -30.37, -27.53
XYZ	36.867, 49.309, 86.927
xyY	0.213, 0.285, 49.309
CIE-LCH	75.643, 40.991, 222.192
CIE-LUV	75.643, -54.747, -39.831
Hunter-Lab	70.221, -29.171, -24.241
Binary	00001011, 11001100, 11101100

#0bccec
```
#0bccec rgb(11,204,236)
```
#ec2b0b
```
#ec2b0b rgb(236,43,11)
```

Complementary Color

#0bec9c
```
#0bec9c rgb(11,236,156)
```
#0bccec
```
#0bccec rgb(11,204,236)
```
#0b5cec
```
#0b5cec rgb(11,92,236)
```

Analogous Color

#ec9c0b
```
#ec9c0b rgb(236,156,11)
```
#0bccec
```
#0bccec rgb(11,204,236)
```
#ec0b5c
```
#ec0b5c rgb(236,11,92)
```

Split Complementary Color

#ccec0b
```
#ccec0b rgb(204,236,11)
```
#0bccec
```
#0bccec rgb(11,204,236)
```
#ec0bcc
```
#ec0bcc rgb(236,11,204)
```

Triadic Color

#0bec2b
```
#0bec2b rgb(11,236,43)
```
#0bccec
```
#0bccec rgb(11,204,236)
```
#ec0bcc
```
#ec0bcc rgb(236,11,204)
```
#ec2b0b
```
#ec2b0b rgb(236,43,11)
```

Tetradic Color

#088da3
```
#088da3 rgb(8,141,163)
```
#09a2bb
```
#09a2bb rgb(9,162,187)
```
#0ab7d4
```
#0ab7d4 rgb(10,183,212)
```
#0bccec
```
#0bccec rgb(11,204,236)
```
#1cd6f4
```
#1cd6f4 rgb(28,214,244)
```
#34daf6
```
#34daf6 rgb(52,218,246)
```
#4ddff7
```
#4ddff7 rgb(77,223,247)
```

Monochromatic Color

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

#0becd4
```
#0becd4 rgb(11,236,212)
```
#0bece7
```
#0bece7 rgb(11,236,231)
```
#0bdfec
```
#0bdfec rgb(11,223,236)
```
#0bccec
```
#0bccec rgb(11,204,236)
```
#0bb9ec
```
#0bb9ec rgb(11,185,236)
```
#0ba7ec
```
#0ba7ec rgb(11,167,236)
```
#0b94ec
```
#0b94ec rgb(11,148,236)
```

Similar Colors

Text with hexadecimal color #0bccec

This text has a font color of #0bccec.

<span style="color:#0bccec;">Text here</span>

#0bccec background color

This paragraph has a background color of #0bccec.

<p style="background-color:#0bccec;">Content here</p>

#0bccec border color

This element has a border color of #0bccec.

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

CSS codes

.text {color:#0bccec;}

.background {background-color:#0bccec;}

.border {border:1px solid #0bccec;}

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, #010a0b is the darkest color, while #f7feff is the lightest one.

#010a0b
```
#010a0b rgb(1,10,11)
```
#011a1e
```
#011a1e rgb(1,26,30)
```
#022a31
```
#022a31 rgb(2,42,49)
```
#033a43
```
#033a43 rgb(3,58,67)
```
#044a56
```
#044a56 rgb(4,74,86)
```
#055b69
```
#055b69 rgb(5,91,105)
```
#066b7c
```
#066b7c rgb(6,107,124)
```
#077b8e
```
#077b8e rgb(7,123,142)
```
#088ba1
```
#088ba1 rgb(8,139,161)
```
#089bb4
```
#089bb4 rgb(8,155,180)
```
#09acc7
```
#09acc7 rgb(9,172,199)
```
#0abcd9
```
#0abcd9 rgb(10,188,217)
```
#0bccec
```
#0bccec rgb(11,204,236)
```

Shade Color Variation

#16d5f4
```
#16d5f4 rgb(22,213,244)
```
#29d8f5
```
#29d8f5 rgb(41,216,245)
```
#3cdbf6
```
#3cdbf6 rgb(60,219,246)
```
#4fdff7
```
#4fdff7 rgb(79,223,247)
```
#61e2f8
```
#61e2f8 rgb(97,226,248)
```
#74e6f9
```
#74e6f9 rgb(116,230,249)
```
#87e9f9
```
#87e9f9 rgb(135,233,249)
```
#9aedfa
```
#9aedfa rgb(154,237,250)
```
#acf0fb
```
#acf0fb rgb(172,240,251)
```
#bff3fc
```
#bff3fc rgb(191,243,252)
```
#d2f7fd
```
#d2f7fd rgb(210,247,253)
```
#e5fafe
```
#e5fafe rgb(229,250,254)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

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

#748184
```
#748184 rgb(116,129,132)
```
#6a888d
```
#6a888d rgb(106,136,141)
```
#618f97
```
#618f97 rgb(97,143,151)
```
#5796a0
```
#5796a0 rgb(87,150,160)
```
#4e9caa
```
#4e9caa rgb(78,156,170)
```
#44a3b3
```
#44a3b3 rgb(68,163,179)
```
#3baabd
```
#3baabd rgb(59,170,189)
```
#31b1c6
```
#31b1c6 rgb(49,177,198)
```
#28b8d0
```
#28b8d0 rgb(40,184,208)
```
#1ebed9
```
#1ebed9 rgb(30,190,217)
```
#15c5e3
```
#15c5e3 rgb(21,197,227)
```
#0bccec
```
#0bccec rgb(11,204,236)
```
#01d3f6
```
#01d3f6 rgb(1,211,246)
```

Tone Color Variation

Below, you can see how #0bccec 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

#969696 Achromatopsia 0.005% of the population
#7aa1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bce1 Protanopia 1% of men
#afbbf4 Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#77c2e5 Protanomaly 1% of men, 0.01% of women
#73c1f1 Deuteranomaly 6% of men, 0.4% of women
#04cee3 Tritanomaly 0.01% of the population

#0bccec hex color

#0bccec Color Information

#0bccec Color Conversion

Color Schemes with #0bccec

Alternatives to #0bccec

#0bccec Preview

Shades and Tints of #0bccec

Tones of #0bccec

Color Blindness Simulator