#45c1af hex color

In a RGB color space, hex #45c1af is composed of 27.1% red, 75.7% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 0% magenta, 9.3% yellow and 24.3% black. It has a hue angle of 171.3 degrees, a saturation of 50% and a lightness of 51.4%. #45c1af color hex could be obtained by blending #8affff with #00835f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 76
- B 69
RGB color chart
- C 64
- M 0
- Y 9
- K 24
CMYK color chart

● #45c1af color description : Moderate cyan.

The hexadecimal color #45c1af has RGB values of R:69, G:193, B:175 and CMYK values of C:0.64, M:0, Y:0.09, K:0.24. Its decimal value is 4571567.

Hex triplet	45c1af	`#45c1af`
RGB Decimal	69, 193, 175	`rgb(69,193,175)`
RGB Percent	27.1, 75.7, 68.6	`rgb(27.1%,75.7%,68.6%)`
CMYK	64, 0, 9, 24
HSL	171.3°, 50, 51.4	`hsl(171.3,50%,51.4%)`
HSV (or HSB)	171.3°, 64.2, 75.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.213, -38.309, -1.015
XYZ	29.26, 42.498, 47.216
xyY	0.246, 0.357, 42.498
CIE-LCH	71.213, 38.322, 181.517
CIE-LUV	71.213, -49.119, 4.454
Hunter-Lab	65.19, -33.966, 2.691
Binary	01000101, 11000001, 10101111

#45c1af
```
#45c1af rgb(69,193,175)
```
#c14557
```
#c14557 rgb(193,69,87)
```

Complementary Color

#45c171
```
#45c171 rgb(69,193,113)
```
#45c1af
```
#45c1af rgb(69,193,175)
```
#4595c1
```
#4595c1 rgb(69,149,193)
```

Analogous Color

#c17145
```
#c17145 rgb(193,113,69)
```
#45c1af
```
#45c1af rgb(69,193,175)
```
#c14595
```
#c14595 rgb(193,69,149)
```

Split Complementary Color

#c1af45
```
#c1af45 rgb(193,175,69)
```
#45c1af
```
#45c1af rgb(69,193,175)
```
#af45c1
```
#af45c1 rgb(175,69,193)
```

Triadic Color

#57c145
```
#57c145 rgb(87,193,69)
```
#45c1af
```
#45c1af rgb(69,193,175)
```
#af45c1
```
#af45c1 rgb(175,69,193)
```
#c14557
```
#c14557 rgb(193,69,87)
```

Tetradic Color

#2e8b7e
```
#2e8b7e rgb(46,139,126)
```
#359e8f
```
#359e8f rgb(53,158,143)
```
#3bb1a0
```
#3bb1a0 rgb(59,177,160)
```
#45c1af
```
#45c1af rgb(69,193,175)
```
#58c7b7
```
#58c7b7 rgb(88,199,183)
```
#6bcebf
```
#6bcebf rgb(107,206,191)
```
#7ed4c8
```
#7ed4c8 rgb(126,212,200)
```

Monochromatic Color

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

#45c190
```
#45c190 rgb(69,193,144)
```
#45c19a
```
#45c19a rgb(69,193,154)
```
#45c1a5
```
#45c1a5 rgb(69,193,165)
```
#45c1af
```
#45c1af rgb(69,193,175)
```
#45c1b9
```
#45c1b9 rgb(69,193,185)
```
#45bec1
```
#45bec1 rgb(69,190,193)
```
#45b4c1
```
#45b4c1 rgb(69,180,193)
```

Similar Colors

Text with hexadecimal color #45c1af

This text has a font color of #45c1af.

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

#45c1af background color

This paragraph has a background color of #45c1af.

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

#45c1af border color

This element has a border color of #45c1af.

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

CSS codes

.text {color:#45c1af;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071412
```
#071412 rgb(7,20,18)
```
#0c231f
```
#0c231f rgb(12,35,31)
```
#10312d
```
#10312d rgb(16,49,45)
```
#15403a
```
#15403a rgb(21,64,58)
```
#1a4f47
```
#1a4f47 rgb(26,79,71)
```
#1f5e54
```
#1f5e54 rgb(31,94,84)
```
#246c62
```
#246c62 rgb(36,108,98)
```
#297b6f
```
#297b6f rgb(41,123,111)
```
#2e8a7c
```
#2e8a7c rgb(46,138,124)
```
#33988a
```
#33988a rgb(51,152,138)
```
#38a797
```
#38a797 rgb(56,167,151)
```
#3db6a4
```
#3db6a4 rgb(61,182,164)
```

Shade Color Variation

#45c1af
```
#45c1af rgb(69,193,175)
```
#54c6b5
```
#54c6b5 rgb(84,198,181)
```
#62cbbc
```
#62cbbc rgb(98,203,188)
```
#71d0c2
```
#71d0c2 rgb(113,208,194)
```
#80d5c8
```
#80d5c8 rgb(128,213,200)
```
#8fdacf
```
#8fdacf rgb(143,218,207)
```
#9dded5
```
#9dded5 rgb(157,222,213)
```
#ace3db
```
#ace3db rgb(172,227,219)
```
#bbe8e2
```
#bbe8e2 rgb(187,232,226)
```
#c9ede8
```
#c9ede8 rgb(201,237,232)
```
#d8f2ee
```
#d8f2ee rgb(216,242,238)
```
#e7f7f5
```
#e7f7f5 rgb(231,247,245)
```
#f6fcfb
```
#f6fcfb rgb(246,252,251)
```

Tint Color Variation

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

#7e8886
```
#7e8886 rgb(126,136,134)
```
#75918d
```
#75918d rgb(117,145,141)
```
#6b9b94
```
#6b9b94 rgb(107,155,148)
```
#62a49b
```
#62a49b rgb(98,164,155)
```
#58aea1
```
#58aea1 rgb(88,174,161)
```
#4fb7a8
```
#4fb7a8 rgb(79,183,168)
```
#45c1af
```
#45c1af rgb(69,193,175)
```
#3bcbb6
```
#3bcbb6 rgb(59,203,182)
```
#32d4bd
```
#32d4bd rgb(50,212,189)
```
#28dec3
```
#28dec3 rgb(40,222,195)
```
#1fe7ca
```
#1fe7ca rgb(31,231,202)
```
#15f1d1
```
#15f1d1 rgb(21,241,209)
```
#0cfad8
```
#0cfad8 rgb(12,250,216)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#89a29e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b1a9 Protanopia 1% of men
#beadbb Deuteranopia 1% of men
#5dc0ce Tritanopia 0.001% of the population

Trichromacy

#8db7ab Protanomaly 1% of men, 0.01% of women
#92b4b6 Deuteranomaly 6% of men, 0.4% of women
#54c0c2 Tritanomaly 0.01% of the population

#45c1af hex color

#45c1af Color Information

#45c1af Color Conversion

Color Schemes with #45c1af

Alternatives to #45c1af

#45c1af Preview

Shades and Tints of #45c1af

Tones of #45c1af

Color Blindness Simulator