#0ce2ff hex color

In a RGB color space, hex #0ce2ff is composed of 4.7% red, 88.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 11.4% magenta, 0% yellow and 0% black. It has a hue angle of 187.2 degrees, a saturation of 100% and a lightness of 52.4%. #0ce2ff color hex could be obtained by blending #18ffff with #00c5ff. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 89
- B 100
RGB color chart
- C 95
- M 11
- Y 0
- K 0
CMYK color chart

● #0ce2ff color description : Vivid cyan.

The hexadecimal color #0ce2ff has RGB values of R:12, G:226, B:255 and CMYK values of C:0.95, M:0.11, Y:0, K:0. Its decimal value is 844543.

Hex triplet	0ce2ff	`#0ce2ff`
RGB Decimal	12, 226, 255	`rgb(12,226,255)`
RGB Percent	4.7, 88.6, 100	`rgb(4.7%,88.6%,100%)`
CMYK	95, 11, 0, 0
HSL	187.2°, 100, 52.4	`hsl(187.2,100%,52.4%)`
HSV (or HSB)	187.2°, 95.3, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	82.746, -34.802, -26.786
XYZ	45.393, 61.686, 104.116
xyY	0.215, 0.292, 61.686
CIE-LCH	82.746, 43.917, 217.584
CIE-LUV	82.746, -60.587, -38.328
Hunter-Lab	78.541, -34.281, -23.619
Binary	00001100, 11100010, 11111111

#0ce2ff
```
#0ce2ff rgb(12,226,255)
```
#ff290c
```
#ff290c rgb(255,41,12)
```

Complementary Color

#0cffa3
```
#0cffa3 rgb(12,255,163)
```
#0ce2ff
```
#0ce2ff rgb(12,226,255)
```
#0c69ff
```
#0c69ff rgb(12,105,255)
```

Analogous Color

#ffa30c
```
#ffa30c rgb(255,163,12)
```
#0ce2ff
```
#0ce2ff rgb(12,226,255)
```
#ff0c69
```
#ff0c69 rgb(255,12,105)
```

Split Complementary Color

#e2ff0c
```
#e2ff0c rgb(226,255,12)
```
#0ce2ff
```
#0ce2ff rgb(12,226,255)
```
#ff0ce2
```
#ff0ce2 rgb(255,12,226)
```

Triadic Color

#0cff29
```
#0cff29 rgb(12,255,41)
```
#0ce2ff
```
#0ce2ff rgb(12,226,255)
```
#ff0ce2
```
#ff0ce2 rgb(255,12,226)
```
#ff290c
```
#ff290c rgb(255,41,12)
```

Tetradic Color

#00a8bf
```
#00a8bf rgb(0,168,191)
```
#00bed8
```
#00bed8 rgb(0,190,216)
```
#00d5f2
```
#00d5f2 rgb(0,213,242)
```
#0ce2ff
```
#0ce2ff rgb(12,226,255)
```
#26e5ff
```
#26e5ff rgb(38,229,255)
```
#3fe8ff
```
#3fe8ff rgb(63,232,255)
```
#59ebff
```
#59ebff rgb(89,235,255)
```

Monochromatic Color

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

#0cffdf
```
#0cffdf rgb(12,255,223)
```
#0cfff4
```
#0cfff4 rgb(12,255,244)
```
#0cf6ff
```
#0cf6ff rgb(12,246,255)
```
#0ce2ff
```
#0ce2ff rgb(12,226,255)
```
#0cceff
```
#0cceff rgb(12,206,255)
```
#0cbaff
```
#0cbaff rgb(12,186,255)
```
#0ca5ff
```
#0ca5ff rgb(12,165,255)
```

Similar Colors

Text with hexadecimal color #0ce2ff

This text has a font color of #0ce2ff.

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

#0ce2ff background color

This paragraph has a background color of #0ce2ff.

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

#0ce2ff border color

This element has a border color of #0ce2ff.

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

CSS codes

.text {color:#0ce2ff;}

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

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

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

#000b0c
```
#000b0c rgb(0,11,12)
```
#001c20
```
#001c20 rgb(0,28,32)
```
#002d33
```
#002d33 rgb(0,45,51)
```
#003e47
```
#003e47 rgb(0,62,71)
```
#00505a
```
#00505a rgb(0,80,90)
```
#00616e
```
#00616e rgb(0,97,110)
```
#007282
```
#007282 rgb(0,114,130)
```
#008395
```
#008395 rgb(0,131,149)
```
#0095a9
```
#0095a9 rgb(0,149,169)
```
#00a6bd
```
#00a6bd rgb(0,166,189)
```
#00b7d0
```
#00b7d0 rgb(0,183,208)
```
#00c9e4
```
#00c9e4 rgb(0,201,228)
```
#00daf7
```
#00daf7 rgb(0,218,247)
```

Shade Color Variation

#0ce2ff
```
#0ce2ff rgb(12,226,255)
```
#20e4ff
```
#20e4ff rgb(32,228,255)
```
#33e7ff
```
#33e7ff rgb(51,231,255)
```
#47e9ff
```
#47e9ff rgb(71,233,255)
```
#5aebff
```
#5aebff rgb(90,235,255)
```
#6eeeff
```
#6eeeff rgb(110,238,255)
```
#82f0ff
```
#82f0ff rgb(130,240,255)
```
#95f2ff
```
#95f2ff rgb(149,242,255)
```
#a9f5ff
```
#a9f5ff rgb(169,245,255)
```
#bdf7ff
```
#bdf7ff rgb(189,247,255)
```
#d0f9ff
```
#d0f9ff rgb(208,249,255)
```
#e4fcff
```
#e4fcff rgb(228,252,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8d8f is the less saturated color, while #0ce2ff is the most saturated one.

#7c8d8f
```
#7c8d8f rgb(124,141,143)
```
#739498
```
#739498 rgb(115,148,152)
```
#699ba2
```
#699ba2 rgb(105,155,162)
```
#60a2ab
```
#60a2ab rgb(96,162,171)
```
#57a9b4
```
#57a9b4 rgb(87,169,180)
```
#4db0be
```
#4db0be rgb(77,176,190)
```
#44b7c7
```
#44b7c7 rgb(68,183,199)
```
#3bbed0
```
#3bbed0 rgb(59,190,208)
```
#31c6da
```
#31c6da rgb(49,198,218)
```
#28cde3
```
#28cde3 rgb(40,205,227)
```
#1fd4ec
```
#1fd4ec rgb(31,212,236)
```
#15dbf6
```
#15dbf6 rgb(21,219,246)
```
#0ce2ff
```
#0ce2ff rgb(12,226,255)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#86b1b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cef2 Protanopia 1% of men
#c6cdff Deuteranopia 1% of men
#00e4f5 Tritanopia 0.001% of the population

Trichromacy

#84d5f6 Protanomaly 1% of men, 0.01% of women
#82d5ff Deuteranomaly 6% of men, 0.4% of women
#04e3f8 Tritanomaly 0.01% of the population

#0ce2ff hex color

#0ce2ff Color Information

#0ce2ff Color Conversion

Color Schemes with #0ce2ff

Alternatives to #0ce2ff

#0ce2ff Preview

Shades and Tints of #0ce2ff

Tones of #0ce2ff

Color Blindness Simulator