#0ccbfd hex color

In a RGB color space, hex #0ccbfd is composed of 4.7% red, 79.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 19.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 192.4 degrees, a saturation of 98.4% and a lightness of 52%. #0ccbfd color hex could be obtained by blending #18ffff with #0097fb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 80
- B 99
RGB color chart
- C 95
- M 20
- Y 0
- K 1
CMYK color chart

● #0ccbfd color description : Vivid cyan.

The hexadecimal color #0ccbfd has RGB values of R:12, G:203, B:253 and CMYK values of C:0.95, M:0.2, Y:0, K:0.01. Its decimal value is 838653.

Hex triplet	0ccbfd	`#0ccbfd`
RGB Decimal	12, 203, 253	`rgb(12,203,253)`
RGB Percent	4.7, 79.6, 99.2	`rgb(4.7%,79.6%,99.2%)`
CMYK	95, 20, 0, 1
HSL	192.4°, 98.4, 52	`hsl(192.4,98.4%,52%)`
HSV (or HSB)	192.4°, 95.3, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.994, -24.245, -36.108
XYZ	39.232, 49.878, 100.483
xyY	0.207, 0.263, 49.878
CIE-LCH	75.994, 43.492, 236.12
CIE-LUV	75.994, -53.067, -55.388
Hunter-Lab	70.624, -24.434, -34.919
Binary	00001100, 11001011, 11111101

#0ccbfd
```
#0ccbfd rgb(12,203,253)
```
#fd3e0c
```
#fd3e0c rgb(253,62,12)
```

Complementary Color

#0cfdb7
```
#0cfdb7 rgb(12,253,183)
```
#0ccbfd
```
#0ccbfd rgb(12,203,253)
```
#0c53fd
```
#0c53fd rgb(12,83,253)
```

Analogous Color

#fdb70c
```
#fdb70c rgb(253,183,12)
```
#0ccbfd
```
#0ccbfd rgb(12,203,253)
```
#fd0c53
```
#fd0c53 rgb(253,12,83)
```

Split Complementary Color

#cbfd0c
```
#cbfd0c rgb(203,253,12)
```
#0ccbfd
```
#0ccbfd rgb(12,203,253)
```
#fd0ccb
```
#fd0ccb rgb(253,12,203)
```

Triadic Color

#0cfd3e
```
#0cfd3e rgb(12,253,62)
```
#0ccbfd
```
#0ccbfd rgb(12,203,253)
```
#fd0ccb
```
#fd0ccb rgb(253,12,203)
```
#fd3e0c
```
#fd3e0c rgb(253,62,12)
```

Tetradic Color

#0294bb
```
#0294bb rgb(2,148,187)
```
#02a9d4
```
#02a9d4 rgb(2,169,212)
```
#02bdee
```
#02bdee rgb(2,189,238)
```
#0ccbfd
```
#0ccbfd rgb(12,203,253)
```
#25d0fd
```
#25d0fd rgb(37,208,253)
```
#3fd6fd
```
#3fd6fd rgb(63,214,253)
```
#58dbfe
```
#58dbfe rgb(88,219,254)
```

Monochromatic Color

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

#0cfdf3
```
#0cfdf3 rgb(12,253,243)
```
#0cf3fd
```
#0cf3fd rgb(12,243,253)
```
#0cdffd
```
#0cdffd rgb(12,223,253)
```
#0ccbfd
```
#0ccbfd rgb(12,203,253)
```
#0cb7fd
```
#0cb7fd rgb(12,183,253)
```
#0ca3fd
```
#0ca3fd rgb(12,163,253)
```
#0c8ffd
```
#0c8ffd rgb(12,143,253)
```

Similar Colors

Text with hexadecimal color #0ccbfd

This text has a font color of #0ccbfd.

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

#0ccbfd background color

This paragraph has a background color of #0ccbfd.

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

#0ccbfd border color

This element has a border color of #0ccbfd.

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

CSS codes

.text {color:#0ccbfd;}

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

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

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, #00080a is the darkest color, while #f5fdff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#00171d
```
#00171d rgb(0,23,29)
```
#002731
```
#002731 rgb(0,39,49)
```
#013644
```
#013644 rgb(1,54,68)
```
#014658
```
#014658 rgb(1,70,88)
```
#01556b
```
#01556b rgb(1,85,107)
```
#01657f
```
#01657f rgb(1,101,127)
```
#017492
```
#017492 rgb(1,116,146)
```
#0183a6
```
#0183a6 rgb(1,131,166)
```
#0293b9
```
#0293b9 rgb(2,147,185)
```
#02a2cc
```
#02a2cc rgb(2,162,204)
```
#02b2e0
```
#02b2e0 rgb(2,178,224)
```
#02c1f3
```
#02c1f3 rgb(2,193,243)
```

Shade Color Variation

#0ccbfd
```
#0ccbfd rgb(12,203,253)
```
#1fcffd
```
#1fcffd rgb(31,207,253)
```
#33d3fd
```
#33d3fd rgb(51,211,253)
```
#46d7fd
```
#46d7fd rgb(70,215,253)
```
#5adcfe
```
#5adcfe rgb(90,220,254)
```
#6de0fe
```
#6de0fe rgb(109,224,254)
```
#81e4fe
```
#81e4fe rgb(129,228,254)
```
#94e8fe
```
#94e8fe rgb(148,232,254)
```
#a8ecfe
```
#a8ecfe rgb(168,236,254)
```
#bbf0fe
```
#bbf0fe rgb(187,240,254)
```
#cff5ff
```
#cff5ff rgb(207,245,255)
```
#e2f9ff
```
#e2f9ff rgb(226,249,255)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

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

#7d898c
```
#7d898c rgb(125,137,140)
```
#748e95
```
#748e95 rgb(116,142,149)
```
#6a949f
```
#6a949f rgb(106,148,159)
```
#6199a8
```
#6199a8 rgb(97,153,168)
```
#579fb2
```
#579fb2 rgb(87,159,178)
```
#4ea4bb
```
#4ea4bb rgb(78,164,187)
```
#45aac4
```
#45aac4 rgb(69,170,196)
```
#3bafce
```
#3bafce rgb(59,175,206)
```
#32b5d7
```
#32b5d7 rgb(50,181,215)
```
#28bae1
```
#28bae1 rgb(40,186,225)
```
#1fc0ea
```
#1fc0ea rgb(31,192,234)
```
#15c5f4
```
#15c5f4 rgb(21,197,244)
```
#0ccbfd
```
#0ccbfd rgb(12,203,253)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#7ca2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#afbcf1 Protanopia 1% of men
#a7bdff Deuteranopia 1% of men
#00d1e0 Tritanopia 0.001% of the population

Trichromacy

#74c2f5 Protanomaly 1% of men, 0.01% of women
#6ec2fe Deuteranomaly 6% of men, 0.4% of women
#04cfea Tritanomaly 0.01% of the population

#0ccbfd hex color

#0ccbfd Color Information

#0ccbfd Color Conversion

Color Schemes with #0ccbfd

Alternatives to #0ccbfd

#0ccbfd Preview

Shades and Tints of #0ccbfd

Tones of #0ccbfd

Color Blindness Simulator