#00ccf1 Color Information
In a RGB color space, hex #00ccf1 is composed of 0% red, 80% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 15.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 189.2 degrees, a saturation of 100% and a lightness of 47.3%. #00ccf1 color hex could be obtained by blending #00ffff with #0099e3. Closest websafe color is: #00ccff.
-
- R 0
- G 80
- B 95
-
- C 100
- M 15
- Y 0
- K 5
● #00ccf1 color description : Pure (or mostly pure) cyan.
#00ccf1 Color Conversion
The hexadecimal color #00ccf1 has RGB values of R:0, G:204, B:241 and CMYK values of C:1, M:0.15, Y:0, K:0.05. Its decimal value is 52465.
Hex triplet | 00ccf1 | #00ccf1 |
---|---|---|
RGB Decimal | 0, 204, 241 | rgb(0,204,241) |
RGB Percent | 0, 80, 94.5 | rgb(0%,80%,94.5%) |
CMYK | 100, 15, 0, 5 | |
HSL | 189.2°, 100, 47.3 | hsl(189.2,100%,47.3%) |
HSV (or HSB) | 189.2°, 100, 94.5 | |
Web Safe | 00ccff | #00ccff |
CIE-LAB | 75.782, -29.003, -30.008 |
---|---|
XYZ | 37.466, 49.533, 90.8 |
xyY | 0.211, 0.279, 49.533 |
CIE-LCH | 75.782, 41.733, 225.976 |
CIE-LUV | 75.782, -54.678, -44.256 |
Hunter-Lab | 70.38, -28.142, -27.227 |
Binary | 00000000, 11001100, 11110001 |
Color Schemes with #00ccf1
Alternatives to #00ccf1
Below, you can see some colors close to #00ccf1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00ccf1 Preview
This text has a font color of #00ccf1.
<span style="color:#00ccf1;">Text here</span>
This paragraph has a background color of #00ccf1.
<p style="background-color:#00ccf1;">Content here</p>
This element has a border color of #00ccf1.
<div style="border:1px solid #00ccf1;">Content here</div>
.text {color:#00ccf1;}
.background {background-color:#00ccf1;}
.border {border:1px solid #00ccf1;}
Shades and Tints of #00ccf1
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, #000506 is the darkest color, while #f1fdff is the lightest one.
-
#000506
#000506
rgb(0,5,6)
-
#001519
#001519
rgb(0,21,25)
-
#00262d
#00262d
rgb(0,38,45)
-
#003740
#003740
rgb(0,55,64)
-
#004754
#004754
rgb(0,71,84)
-
#005868
#005868
rgb(0,88,104)
-
#00687b
#00687b
rgb(0,104,123)
-
#00798f
#00798f
rgb(0,121,143)
-
#008aa3
#008aa3
rgb(0,138,163)
-
#009ab6
#009ab6
rgb(0,154,182)
-
#00abca
#00abca
rgb(0,171,202)
-
#00bbdd
#00bbdd
rgb(0,187,221)
-
#00ccf1
#00ccf1
rgb(0,204,241)
-
#06d9ff
#06d9ff
rgb(6,217,255)
-
#19dcff
#19dcff
rgb(25,220,255)
-
#2ddfff
#2ddfff
rgb(45,223,255)
-
#40e2ff
#40e2ff
rgb(64,226,255)
-
#54e5ff
#54e5ff
rgb(84,229,255)
-
#68e8ff
#68e8ff
rgb(104,232,255)
-
#7bebff
#7bebff
rgb(123,235,255)
-
#8feeff
#8feeff
rgb(143,238,255)
-
#a3f1ff
#a3f1ff
rgb(163,241,255)
-
#b6f4ff
#b6f4ff
rgb(182,244,255)
-
#caf7ff
#caf7ff
rgb(202,247,255)
-
#ddfaff
#ddfaff
rgb(221,250,255)
-
#f1fdff
#f1fdff
rgb(241,253,255)
Tones of #00ccf1
A tone is produced by adding gray to any pure hue. In this case, #6f7f82 is the less saturated color, while #00ccf1 is the most saturated one.
-
#6f7f82
#6f7f82
rgb(111,127,130)
-
#66858b
#66858b
rgb(102,133,139)
-
#5d8c94
#5d8c94
rgb(93,140,148)
-
#53929e
#53929e
rgb(83,146,158)
-
#4a99a7
#4a99a7
rgb(74,153,167)
-
#419fb0
#419fb0
rgb(65,159,176)
-
#38a5b9
#38a5b9
rgb(56,165,185)
-
#2eacc3
#2eacc3
rgb(46,172,195)
-
#25b2cc
#25b2cc
rgb(37,178,204)
-
#1cb9d5
#1cb9d5
rgb(28,185,213)
-
#13bfde
#13bfde
rgb(19,191,222)
-
#09c6e8
#09c6e8
rgb(9,198,232)
-
#00ccf1
#00ccf1
rgb(0,204,241)
Color Blindness Simulator
Below, you can see how #00ccf1 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.