#45f0cf hex color

In a RGB color space, hex #45f0cf is composed of 27.1% red, 94.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 0% magenta, 13.8% yellow and 5.9% black. It has a hue angle of 168.4 degrees, a saturation of 85.1% and a lightness of 60.6%. #45f0cf color hex could be obtained by blending #8affff with #00e19f. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 27
- G 94
- B 81
RGB color chart
- C 71
- M 0
- Y 14
- K 6
CMYK color chart

● #45f0cf color description : Bright cyan.

The hexadecimal color #45f0cf has RGB values of R:69, G:240, B:207 and CMYK values of C:0.71, M:0, Y:0.14, K:0.06. Its decimal value is 4583631.

Hex triplet	45f0cf	`#45f0cf`
RGB Decimal	69, 240, 207	`rgb(69,240,207)`
RGB Percent	27.1, 94.1, 81.2	`rgb(27.1%,94.1%,81.2%)`
CMYK	71, 0, 14, 6
HSL	168.4°, 85.1, 60.6	`hsl(168.4,85.1%,60.6%)`
HSV (or HSB)	168.4°, 71.3, 94.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	86.05, -50.538, 3.494
XYZ	44.873, 68.086, 69.805
xyY	0.246, 0.373, 68.086
CIE-LCH	86.05, 50.659, 176.045
CIE-LUV	86.05, -63.904, 13.483
Hunter-Lab	82.514, -47.328, 7.602
Binary	01000101, 11110000, 11001111

#45f0cf
```
#45f0cf rgb(69,240,207)
```
#f04566
```
#f04566 rgb(240,69,102)
```

Complementary Color

#45f07a
```
#45f07a rgb(69,240,122)
```
#45f0cf
```
#45f0cf rgb(69,240,207)
```
#45bcf0
```
#45bcf0 rgb(69,188,240)
```

Analogous Color

#f07a45
```
#f07a45 rgb(240,122,69)
```
#45f0cf
```
#45f0cf rgb(69,240,207)
```
#f045bc
```
#f045bc rgb(240,69,188)
```

Split Complementary Color

#f0cf45
```
#f0cf45 rgb(240,207,69)
```
#45f0cf
```
#45f0cf rgb(69,240,207)
```
#cf45f0
```
#cf45f0 rgb(207,69,240)
```

Triadic Color

#66f045
```
#66f045 rgb(102,240,69)
```
#45f0cf
```
#45f0cf rgb(69,240,207)
```
#cf45f0
```
#cf45f0 rgb(207,69,240)
```
#f04566
```
#f04566 rgb(240,69,102)
```

Tetradic Color

#11d7b1
```
#11d7b1 rgb(17,215,177)
```
#16ecc3
```
#16ecc3 rgb(22,236,195)
```
#2deec9
```
#2deec9 rgb(45,238,201)
```
#45f0cf
```
#45f0cf rgb(69,240,207)
```
#5df2d5
```
#5df2d5 rgb(93,242,213)
```
#74f4db
```
#74f4db rgb(116,244,219)
```
#8cf6e1
```
#8cf6e1 rgb(140,246,225)
```

Monochromatic Color

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

#45f0a4
```
#45f0a4 rgb(69,240,164)
```
#45f0b3
```
#45f0b3 rgb(69,240,179)
```
#45f0c1
```
#45f0c1 rgb(69,240,193)
```
#45f0cf
```
#45f0cf rgb(69,240,207)
```
#45f0dd
```
#45f0dd rgb(69,240,221)
```
#45f0ec
```
#45f0ec rgb(69,240,236)
```
#45e6f0
```
#45e6f0 rgb(69,230,240)
```

Similar Colors

Text with hexadecimal color #45f0cf

This text has a font color of #45f0cf.

<span style="color:#45f0cf;">Text here</span>

#45f0cf background color

This paragraph has a background color of #45f0cf.

<p style="background-color:#45f0cf;">Content here</p>

#45f0cf border color

This element has a border color of #45f0cf.

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

CSS codes

.text {color:#45f0cf;}

.background {background-color:#45f0cf;}

.border {border:1px solid #45f0cf;}

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

#010e0b
```
#010e0b rgb(1,14,11)
```
#03201a
```
#03201a rgb(3,32,26)
```
#043229
```
#043229 rgb(4,50,41)
```
#054438
```
#054438 rgb(5,68,56)
```
#075647
```
#075647 rgb(7,86,71)
```
#086856
```
#086856 rgb(8,104,86)
```
#0a7b65
```
#0a7b65 rgb(10,123,101)
```
#0b8d74
```
#0b8d74 rgb(11,141,116)
```
#0d9f83
```
#0d9f83 rgb(13,159,131)
```
#0eb192
```
#0eb192 rgb(14,177,146)
```
#10c3a1
```
#10c3a1 rgb(16,195,161)
```
#11d5af
```
#11d5af rgb(17,213,175)
```
#13e7be
```
#13e7be rgb(19,231,190)
```

Shade Color Variation

#21edc6
```
#21edc6 rgb(33,237,198)
```
#33efca
```
#33efca rgb(51,239,202)
```
#45f0cf
```
#45f0cf rgb(69,240,207)
```
#57f1d4
```
#57f1d4 rgb(87,241,212)
```
#69f3d8
```
#69f3d8 rgb(105,243,216)
```
#7bf4dd
```
#7bf4dd rgb(123,244,221)
```
#8ef6e2
```
#8ef6e2 rgb(142,246,226)
```
#a0f7e6
```
#a0f7e6 rgb(160,247,230)
```
#b2f9eb
```
#b2f9eb rgb(178,249,235)
```
#c4faf0
```
#c4faf0 rgb(196,250,240)
```
#d6fcf4
```
#d6fcf4 rgb(214,252,244)
```
#e8fdf9
```
#e8fdf9 rgb(232,253,249)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9b9b is the less saturated color, while #3df8d4 is the most saturated one.

#9a9b9b
```
#9a9b9b rgb(154,155,155)
```
#92a3a0
```
#92a3a0 rgb(146,163,160)
```
#8baaa4
```
#8baaa4 rgb(139,170,164)
```
#83b2a9
```
#83b2a9 rgb(131,178,169)
```
#7bbaae
```
#7bbaae rgb(123,186,174)
```
#73c2b3
```
#73c2b3 rgb(115,194,179)
```
#6cc9b7
```
#6cc9b7 rgb(108,201,183)
```
#64d1bc
```
#64d1bc rgb(100,209,188)
```
#5cd9c1
```
#5cd9c1 rgb(92,217,193)
```
#54e1c6
```
#54e1c6 rgb(84,225,198)
```
#4de8ca
```
#4de8ca rgb(77,232,202)
```
#45f0cf
```
#45f0cf rgb(69,240,207)
```
#3df8d4
```
#3df8d4 rgb(61,248,212)
```

Tone Color Variation

Below, you can see how #45f0cf 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

#b9b9b9 Achromatopsia 0.005% of the population
#a2c4bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d8c5 Protanopia 1% of men
#ebd2dc Deuteranopia 1% of men
#69eafb Tritanopia 0.001% of the population

Trichromacy

#a8e1c8 Protanomaly 1% of men, 0.01% of women
#afddd7 Deuteranomaly 6% of men, 0.4% of women
#5ceceb Tritanomaly 0.01% of the population

#45f0cf hex color

#45f0cf Color Information

#45f0cf Color Conversion

Color Schemes with #45f0cf

Alternatives to #45f0cf

#45f0cf Preview

Shades and Tints of #45f0cf

Tones of #45f0cf

Color Blindness Simulator