#45f9cf hex color

In a RGB color space, hex #45f9cf is composed of 27.1% red, 97.6% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 0% magenta, 16.9% yellow and 2.4% black. It has a hue angle of 166 degrees, a saturation of 93.8% and a lightness of 62.4%. #45f9cf color hex could be obtained by blending #8affff with #00f39f. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 27
- G 98
- B 81
RGB color chart
- C 72
- M 0
- Y 17
- K 2
CMYK color chart

● #45f9cf color description : Bright cyan.

The hexadecimal color #45f9cf has RGB values of R:69, G:249, B:207 and CMYK values of C:0.72, M:0, Y:0.17, K:0.02. Its decimal value is 4585935.

Hex triplet	45f9cf	`#45f9cf`
RGB Decimal	69, 249, 207	`rgb(69,249,207)`
RGB Percent	27.1, 97.6, 81.2	`rgb(27.1%,97.6%,81.2%)`
CMYK	72, 0, 17, 2
HSL	166°, 93.8, 62.4	`hsl(166,93.8%,62.4%)`
HSV (or HSB)	166°, 72.3, 97.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.694, -54.235, 7.311
XYZ	47.588, 73.517, 70.71
xyY	0.248, 0.383, 73.517
CIE-LCH	88.694, 54.726, 172.323
CIE-LUV	88.694, -67.023, 19.936
Hunter-Lab	85.742, -50.978, 11.124
Binary	01000101, 11111001, 11001111

#45f9cf
```
#45f9cf rgb(69,249,207)
```
#f9456f
```
#f9456f rgb(249,69,111)
```

Complementary Color

#45f975
```
#45f975 rgb(69,249,117)
```
#45f9cf
```
#45f9cf rgb(69,249,207)
```
#45c9f9
```
#45c9f9 rgb(69,201,249)
```

Analogous Color

#f97545
```
#f97545 rgb(249,117,69)
```
#45f9cf
```
#45f9cf rgb(69,249,207)
```
#f945c9
```
#f945c9 rgb(249,69,201)
```

Split Complementary Color

#f9cf45
```
#f9cf45 rgb(249,207,69)
```
#45f9cf
```
#45f9cf rgb(69,249,207)
```
#cf45f9
```
#cf45f9 rgb(207,69,249)
```

Triadic Color

#6ff945
```
#6ff945 rgb(111,249,69)
```
#45f9cf
```
#45f9cf rgb(69,249,207)
```
#cf45f9
```
#cf45f9 rgb(207,69,249)
```
#f9456f
```
#f9456f rgb(249,69,111)
```

Tetradic Color

#08eab5
```
#08eab5 rgb(8,234,181)
```
#14f7c2
```
#14f7c2 rgb(20,247,194)
```
#2cf8c9
```
#2cf8c9 rgb(44,248,201)
```
#45f9cf
```
#45f9cf rgb(69,249,207)
```
#5efad5
```
#5efad5 rgb(94,250,213)
```
#76fbdc
```
#76fbdc rgb(118,251,220)
```
#8ffbe2
```
#8ffbe2 rgb(143,251,226)
```

Monochromatic Color

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

#45f9a2
```
#45f9a2 rgb(69,249,162)
```
#45f9b1
```
#45f9b1 rgb(69,249,177)
```
#45f9c0
```
#45f9c0 rgb(69,249,192)
```
#45f9cf
```
#45f9cf rgb(69,249,207)
```
#45f9de
```
#45f9de rgb(69,249,222)
```
#45f9ed
```
#45f9ed rgb(69,249,237)
```
#45f6f9
```
#45f6f9 rgb(69,246,249)
```

Similar Colors

Text with hexadecimal color #45f9cf

This text has a font color of #45f9cf.

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

#45f9cf background color

This paragraph has a background color of #45f9cf.

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

#45f9cf border color

This element has a border color of #45f9cf.

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

CSS codes

.text {color:#45f9cf;}

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

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

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, #000403 is the darkest color, while #f0fffb is the lightest one.

#000403
```
#000403 rgb(0,4,3)
```
#011712
```
#011712 rgb(1,23,18)
```
#012a21
```
#012a21 rgb(1,42,33)
```
#023d2f
```
#023d2f rgb(2,61,47)
```
#03503e
```
#03503e rgb(3,80,62)
```
#03634d
```
#03634d rgb(3,99,77)
```
#04765b
```
#04765b rgb(4,118,91)
```
#04896a
```
#04896a rgb(4,137,106)
```
#059c79
```
#059c79 rgb(5,156,121)
```
#06af88
```
#06af88 rgb(6,175,136)
```
#06c296
```
#06c296 rgb(6,194,150)
```
#07d5a5
```
#07d5a5 rgb(7,213,165)
```
#07e8b4
```
#07e8b4 rgb(7,232,180)
```

Shade Color Variation

#0cf7c0
```
#0cf7c0 rgb(12,247,192)
```
#1ff8c5
```
#1ff8c5 rgb(31,248,197)
```
#32f8ca
```
#32f8ca rgb(50,248,202)
```
#45f9cf
```
#45f9cf rgb(69,249,207)
```
#58fad4
```
#58fad4 rgb(88,250,212)
```
#6bfad9
```
#6bfad9 rgb(107,250,217)
```
#7efbde
```
#7efbde rgb(126,251,222)
```
#91fbe3
```
#91fbe3 rgb(145,251,227)
```
#a4fce8
```
#a4fce8 rgb(164,252,232)
```
#b7fdec
```
#b7fdec rgb(183,253,236)
```
#cafdf1
```
#cafdf1 rgb(202,253,241)
```
#ddfef6
```
#ddfef6 rgb(221,254,246)
```
#f0fffb
```
#f0fffb rgb(240,255,251)
```

Tint Color Variation

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

#9ea0a0
```
#9ea0a0 rgb(158,160,160)
```
#96a8a4
```
#96a8a4 rgb(150,168,164)
```
#8fafa8
```
#8fafa8 rgb(143,175,168)
```
#87b7ac
```
#87b7ac rgb(135,183,172)
```
#80beaf
```
#80beaf rgb(128,190,175)
```
#79c5b3
```
#79c5b3 rgb(121,197,179)
```
#71cdb7
```
#71cdb7 rgb(113,205,183)
```
#6ad4bb
```
#6ad4bb rgb(106,212,187)
```
#63dbbf
```
#63dbbf rgb(99,219,191)
```
#5be3c3
```
#5be3c3 rgb(91,227,195)
```
#54eac7
```
#54eac7 rgb(84,234,199)
```
#4cf2cb
```
#4cf2cb rgb(76,242,203)
```
#45f9cf
```
#45f9cf rgb(69,249,207)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#a6cac1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eadfc5 Protanopia 1% of men
#f6d9dc Deuteranopia 1% of men
#88efff Tritanopia 0.001% of the population

Trichromacy

#aee8c8 Protanomaly 1% of men, 0.01% of women
#b5e4d7 Deuteranomaly 6% of men, 0.4% of women
#6ff3ed Tritanomaly 0.01% of the population

#45f9cf hex color

#45f9cf Color Information

#45f9cf Color Conversion

Color Schemes with #45f9cf

Alternatives to #45f9cf

#45f9cf Preview

Shades and Tints of #45f9cf

Tones of #45f9cf

Color Blindness Simulator