#0ccbec hex color

In a RGB color space, hex #0ccbec is composed of 4.7% red, 79.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 94.9% cyan, 14% magenta, 0% yellow and 7.5% black. It has a hue angle of 188.8 degrees, a saturation of 90.3% and a lightness of 48.6%. #0ccbec color hex could be obtained by blending #18ffff with #0097d9. Closest websafe color is: #00ccff.

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

● #0ccbec color description : Vivid cyan.

The hexadecimal color #0ccbec has RGB values of R:12, G:203, B:236 and CMYK values of C:0.95, M:0.14, Y:0, K:0.07. Its decimal value is 838636.

Hex triplet	0ccbec	`#0ccbec`
RGB Decimal	12, 203, 236	`rgb(12,203,236)`
RGB Percent	4.7, 79.6, 92.5	`rgb(4.7%,79.6%,92.5%)`
CMYK	95, 14, 0, 7
HSL	188.8°, 90.3, 48.6	`hsl(188.8,90.3%,48.6%)`
HSV (or HSB)	188.8°, 94.9, 92.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.353, -29.857, -27.975
XYZ	36.644, 48.842, 86.848
xyY	0.213, 0.283, 48.842
CIE-LCH	75.353, 40.915, 223.135
CIE-LUV	75.353, -54.378, -40.639
Hunter-Lab	69.887, -28.711, -24.758
Binary	00001100, 11001011, 11101100

#0ccbec
```
#0ccbec rgb(12,203,236)
```
#ec2d0c
```
#ec2d0c rgb(236,45,12)
```

Complementary Color

#0cec9d
```
#0cec9d rgb(12,236,157)
```
#0ccbec
```
#0ccbec rgb(12,203,236)
```
#0c5bec
```
#0c5bec rgb(12,91,236)
```

Analogous Color

#ec9d0c
```
#ec9d0c rgb(236,157,12)
```
#0ccbec
```
#0ccbec rgb(12,203,236)
```
#ec0c5b
```
#ec0c5b rgb(236,12,91)
```

Split Complementary Color

#cbec0c
```
#cbec0c rgb(203,236,12)
```
#0ccbec
```
#0ccbec rgb(12,203,236)
```
#ec0ccb
```
#ec0ccb rgb(236,12,203)
```

Triadic Color

#0cec2d
```
#0cec2d rgb(12,236,45)
```
#0ccbec
```
#0ccbec rgb(12,203,236)
```
#ec0ccb
```
#ec0ccb rgb(236,12,203)
```
#ec2d0c
```
#ec2d0c rgb(236,45,12)
```

Tetradic Color

#088ca3
```
#088ca3 rgb(8,140,163)
```
#0aa1bb
```
#0aa1bb rgb(10,161,187)
```
#0bb6d4
```
#0bb6d4 rgb(11,182,212)
```
#0ccbec
```
#0ccbec rgb(12,203,236)
```
#1ed4f4
```
#1ed4f4 rgb(30,212,244)
```
#36d9f5
```
#36d9f5 rgb(54,217,245)
```
#4eddf6
```
#4eddf6 rgb(78,221,246)
```

Monochromatic Color

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

#0cecd5
```
#0cecd5 rgb(12,236,213)
```
#0cece8
```
#0cece8 rgb(12,236,232)
```
#0cdeec
```
#0cdeec rgb(12,222,236)
```
#0ccbec
```
#0ccbec rgb(12,203,236)
```
#0cb8ec
```
#0cb8ec rgb(12,184,236)
```
#0ca6ec
```
#0ca6ec rgb(12,166,236)
```
#0c93ec
```
#0c93ec rgb(12,147,236)
```

Similar Colors

Text with hexadecimal color #0ccbec

This text has a font color of #0ccbec.

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

#0ccbec background color

This paragraph has a background color of #0ccbec.

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

#0ccbec border color

This element has a border color of #0ccbec.

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

CSS codes

.text {color:#0ccbec;}

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

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

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

#010a0c
```
#010a0c rgb(1,10,12)
```
#021a1f
```
#021a1f rgb(2,26,31)
```
#032a31
```
#032a31 rgb(3,42,49)
```
#033a44
```
#033a44 rgb(3,58,68)
```
#044b57
```
#044b57 rgb(4,75,87)
```
#055b69
```
#055b69 rgb(5,91,105)
```
#066b7c
```
#066b7c rgb(6,107,124)
```
#077b8f
```
#077b8f rgb(7,123,143)
```
#088ba1
```
#088ba1 rgb(8,139,161)
```
#099bb4
```
#099bb4 rgb(9,155,180)
```
#0aabc7
```
#0aabc7 rgb(10,171,199)
```
#0bbbd9
```
#0bbbd9 rgb(11,187,217)
```
#0ccbec
```
#0ccbec rgb(12,203,236)
```

Shade Color Variation

#18d3f3
```
#18d3f3 rgb(24,211,243)
```
#2bd7f4
```
#2bd7f4 rgb(43,215,244)
```
#3edaf5
```
#3edaf5 rgb(62,218,245)
```
#50def6
```
#50def6 rgb(80,222,246)
```
#63e1f7
```
#63e1f7 rgb(99,225,247)
```
#76e5f8
```
#76e5f8 rgb(118,229,248)
```
#88e8f9
```
#88e8f9 rgb(136,232,249)
```
#9becfa
```
#9becfa rgb(155,236,250)
```
#aeeffb
```
#aeeffb rgb(174,239,251)
```
#c0f3fc
```
#c0f3fc rgb(192,243,252)
```
#d3f7fd
```
#d3f7fd rgb(211,247,253)
```
#e6fafe
```
#e6fafe rgb(230,250,254)
```
#f8feff
```
#f8feff rgb(248,254,255)
```

Tint Color Variation

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

#758183
```
#758183 rgb(117,129,131)
```
#6b888d
```
#6b888d rgb(107,136,141)
```
#628e96
```
#628e96 rgb(98,142,150)
```
#5895a0
```
#5895a0 rgb(88,149,160)
```
#4f9ca9
```
#4f9ca9 rgb(79,156,169)
```
#45a3b3
```
#45a3b3 rgb(69,163,179)
```
#3ca9bc
```
#3ca9bc rgb(60,169,188)
```
#32b0c6
```
#32b0c6 rgb(50,176,198)
```
#29b7cf
```
#29b7cf rgb(41,183,207)
```
#1fbed9
```
#1fbed9 rgb(31,190,217)
```
#16c4e2
```
#16c4e2 rgb(22,196,226)
```
#0ccbec
```
#0ccbec rgb(12,203,236)
```
#02d2f6
```
#02d2f6 rgb(2,210,246)
```

Tone Color Variation

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

#b4bbe1 Protanopia 1% of men
#aebaf4 Deuteranopia 1% of men
#00cfde Tritanopia 0.001% of the population

Trichromacy

#77c1e5 Protanomaly 1% of men, 0.01% of women
#73c0f1 Deuteranomaly 6% of men, 0.4% of women
#04cde3 Tritanomaly 0.01% of the population

#0ccbec hex color

#0ccbec Color Information

#0ccbec Color Conversion

Color Schemes with #0ccbec

Alternatives to #0ccbec

#0ccbec Preview

Shades and Tints of #0ccbec

Tones of #0ccbec

Color Blindness Simulator