#45afb7 hex color

In a RGB color space, hex #45afb7 is composed of 27.1% red, 68.6% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 4.4% magenta, 0% yellow and 28.2% black. It has a hue angle of 184.2 degrees, a saturation of 45.2% and a lightness of 49.4%. #45afb7 color hex could be obtained by blending #8affff with #005f6f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 69
- B 72
RGB color chart
- C 62
- M 4
- Y 0
- K 28
CMYK color chart

● #45afb7 color description : Moderate cyan.

The hexadecimal color #45afb7 has RGB values of R:69, G:175, B:183 and CMYK values of C:0.62, M:0.04, Y:0, K:0.28. Its decimal value is 4566967.

Hex triplet	45afb7	`#45afb7`
RGB Decimal	69, 175, 183	`rgb(69,175,183)`
RGB Percent	27.1, 68.6, 71.8	`rgb(27.1%,68.6%,71.8%)`
CMYK	62, 4, 0, 28
HSL	184.2°, 45.2, 49.4	`hsl(184.2,45.2%,49.4%)`
HSV (or HSB)	184.2°, 62.3, 71.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.014, -27.57, -13.134
XYZ	26.329, 35.342, 50.231
xyY	0.235, 0.316, 35.342
CIE-LCH	66.014, 30.539, 205.473
CIE-LUV	66.014, -41.974, -15.907
Hunter-Lab	59.449, -24.981, -8.483
Binary	01000101, 10101111, 10110111

#45afb7
```
#45afb7 rgb(69,175,183)
```
#b74d45
```
#b74d45 rgb(183,77,69)
```

Complementary Color

#45b786
```
#45b786 rgb(69,183,134)
```
#45afb7
```
#45afb7 rgb(69,175,183)
```
#4576b7
```
#4576b7 rgb(69,118,183)
```

Analogous Color

#b78645
```
#b78645 rgb(183,134,69)
```
#45afb7
```
#45afb7 rgb(69,175,183)
```
#b74576
```
#b74576 rgb(183,69,118)
```

Split Complementary Color

#afb745
```
#afb745 rgb(175,183,69)
```
#45afb7
```
#45afb7 rgb(69,175,183)
```
#b745af
```
#b745af rgb(183,69,175)
```

Triadic Color

#45b74d
```
#45b74d rgb(69,183,77)
```
#45afb7
```
#45afb7 rgb(69,175,183)
```
#b745af
```
#b745af rgb(183,69,175)
```
#b74d45
```
#b74d45 rgb(183,77,69)
```

Tetradic Color

#307a7f
```
#307a7f rgb(48,122,127)
```
#378c92
```
#378c92 rgb(55,140,146)
```
#3e9da4
```
#3e9da4 rgb(62,157,164)
```
#45afb7
```
#45afb7 rgb(69,175,183)
```
#56b8bf
```
#56b8bf rgb(86,184,191)
```
#69c0c6
```
#69c0c6 rgb(105,192,198)
```
#7bc8cd
```
#7bc8cd rgb(123,200,205)
```

Monochromatic Color

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

#45b7a3
```
#45b7a3 rgb(69,183,163)
```
#45b7ac
```
#45b7ac rgb(69,183,172)
```
#45b7b6
```
#45b7b6 rgb(69,183,182)
```
#45afb7
```
#45afb7 rgb(69,175,183)
```
#45a6b7
```
#45a6b7 rgb(69,166,183)
```
#459cb7
```
#459cb7 rgb(69,156,183)
```
#4593b7
```
#4593b7 rgb(69,147,183)
```

Similar Colors

Text with hexadecimal color #45afb7

This text has a font color of #45afb7.

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

#45afb7 background color

This paragraph has a background color of #45afb7.

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

#45afb7 border color

This element has a border color of #45afb7.

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

CSS codes

.text {color:#45afb7;}

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

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

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, #050c0c is the darkest color, while #fdfefe is the lightest one.

#050c0c
```
#050c0c rgb(5,12,12)
```
#0a191a
```
#0a191a rgb(10,25,26)
```
#0f2729
```
#0f2729 rgb(15,39,41)
```
#153437
```
#153437 rgb(21,52,55)
```
#1a4245
```
#1a4245 rgb(26,66,69)
```
#1f5053
```
#1f5053 rgb(31,80,83)
```
#255d62
```
#255d62 rgb(37,93,98)
```
#2a6b70
```
#2a6b70 rgb(42,107,112)
```
#30797e
```
#30797e rgb(48,121,126)
```
#35868c
```
#35868c rgb(53,134,140)
```
#3a949b
```
#3a949b rgb(58,148,155)
```
#40a1a9
```
#40a1a9 rgb(64,161,169)
```
#45afb7
```
#45afb7 rgb(69,175,183)
```

Shade Color Variation

#52b6be
```
#52b6be rgb(82,182,190)
```
#60bcc3
```
#60bcc3 rgb(96,188,195)
```
#6ec2c8
```
#6ec2c8 rgb(110,194,200)
```
#7dc8ce
```
#7dc8ce rgb(125,200,206)
```
#8bced3
```
#8bced3 rgb(139,206,211)
```
#99d4d9
```
#99d4d9 rgb(153,212,217)
```
#a7dade
```
#a7dade rgb(167,218,222)
```
#b6e0e3
```
#b6e0e3 rgb(182,224,227)
```
#c4e6e9
```
#c4e6e9 rgb(196,230,233)
```
#d2ecee
```
#d2ecee rgb(210,236,238)
```
#e0f2f3
```
#e0f2f3 rgb(224,242,243)
```
#eff8f9
```
#eff8f9 rgb(239,248,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #758587 is the less saturated color, while #01e9fb is the most saturated one.

#758587
```
#758587 rgb(117,133,135)
```
#6c8e90
```
#6c8e90 rgb(108,142,144)
```
#62969a
```
#62969a rgb(98,150,154)
```
#589ea4
```
#589ea4 rgb(88,158,164)
```
#4fa7ad
```
#4fa7ad rgb(79,167,173)
```
#45afb7
```
#45afb7 rgb(69,175,183)
```
#3bb7c1
```
#3bb7c1 rgb(59,183,193)
```
#32c0ca
```
#32c0ca rgb(50,192,202)
```
#28c8d4
```
#28c8d4 rgb(40,200,212)
```
#1ed0de
```
#1ed0de rgb(30,208,222)
```
#15d9e7
```
#15d9e7 rgb(21,217,231)
```
#0be1f1
```
#0be1f1 rgb(11,225,241)
```
#01e9fb
```
#01e9fb rgb(1,233,251)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#819698 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a4b2 Protanopia 1% of men
#a6a1c1 Deuteranopia 1% of men
#51b2bf Tritanopia 0.001% of the population

Trichromacy

#81a8b3 Protanomaly 1% of men, 0.01% of women
#82a6bd Deuteranomaly 6% of men, 0.4% of women
#4cb1bc Tritanomaly 0.01% of the population

#45afb7 hex color

#45afb7 Color Information

#45afb7 Color Conversion

Color Schemes with #45afb7

Alternatives to #45afb7

#45afb7 Preview

Shades and Tints of #45afb7

Tones of #45afb7

Color Blindness Simulator