#45b9af hex color

In a RGB color space, hex #45b9af is composed of 27.1% red, 72.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 0% magenta, 5.4% yellow and 27.5% black. It has a hue angle of 174.8 degrees, a saturation of 45.7% and a lightness of 49.8%. #45b9af color hex could be obtained by blending #8affff with #00735f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 27
- G 73
- B 69
RGB color chart
- C 63
- M 0
- Y 5
- K 27
CMYK color chart

● #45b9af color description : Moderate cyan.

The hexadecimal color #45b9af has RGB values of R:69, G:185, B:175 and CMYK values of C:0.63, M:0, Y:0.05, K:0.27. Its decimal value is 4569519.

Hex triplet	45b9af	`#45b9af`
RGB Decimal	69, 185, 175	`rgb(69,185,175)`
RGB Percent	27.1, 72.5, 68.6	`rgb(27.1%,72.5%,68.6%)`
CMYK	63, 0, 5, 27
HSL	174.8°, 45.7, 49.8	`hsl(174.8,45.7%,49.8%)`
HSV (or HSB)	174.8°, 62.7, 72.5
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.792, -34.627, -4.573
XYZ	27.539, 39.056, 46.642
xyY	0.243, 0.345, 39.056
CIE-LCH	68.792, 34.927, 187.524
CIE-LUV	68.792, -46.156, -1.539
Hunter-Lab	62.495, -30.709, -0.504
Binary	01000101, 10111001, 10101111

#45b9af
```
#45b9af rgb(69,185,175)
```
#b9454f
```
#b9454f rgb(185,69,79)
```

Complementary Color

#45b975
```
#45b975 rgb(69,185,117)
```
#45b9af
```
#45b9af rgb(69,185,175)
```
#4589b9
```
#4589b9 rgb(69,137,185)
```

Analogous Color

#b97545
```
#b97545 rgb(185,117,69)
```
#45b9af
```
#45b9af rgb(69,185,175)
```
#b94589
```
#b94589 rgb(185,69,137)
```

Split Complementary Color

#b9af45
```
#b9af45 rgb(185,175,69)
```
#45b9af
```
#45b9af rgb(69,185,175)
```
#af45b9
```
#af45b9 rgb(175,69,185)
```

Triadic Color

#4fb945
```
#4fb945 rgb(79,185,69)
```
#45b9af
```
#45b9af rgb(69,185,175)
```
#af45b9
```
#af45b9 rgb(175,69,185)
```
#b9454f
```
#b9454f rgb(185,69,79)
```

Tetradic Color

#30817a
```
#30817a rgb(48,129,122)
```
#37948c
```
#37948c rgb(55,148,140)
```
#3ea69d
```
#3ea69d rgb(62,166,157)
```
#45b9af
```
#45b9af rgb(69,185,175)
```
#57c0b7
```
#57c0b7 rgb(87,192,183)
```
#6ac7bf
```
#6ac7bf rgb(106,199,191)
```
#7ccec7
```
#7ccec7 rgb(124,206,199)
```

Monochromatic Color

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

#45b992
```
#45b992 rgb(69,185,146)
```
#45b99c
```
#45b99c rgb(69,185,156)
```
#45b9a5
```
#45b9a5 rgb(69,185,165)
```
#45b9af
```
#45b9af rgb(69,185,175)
```
#45b9b9
```
#45b9b9 rgb(69,185,185)
```
#45b0b9
```
#45b0b9 rgb(69,176,185)
```
#45a6b9
```
#45a6b9 rgb(69,166,185)
```

Similar Colors

Text with hexadecimal color #45b9af

This text has a font color of #45b9af.

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

#45b9af background color

This paragraph has a background color of #45b9af.

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

#45b9af border color

This element has a border color of #45b9af.

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

CSS codes

.text {color:#45b9af;}

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

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

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

#050e0d
```
#050e0d rgb(5,14,13)
```
#0a1c1a
```
#0a1c1a rgb(10,28,26)
```
#102a28
```
#102a28 rgb(16,42,40)
```
#153835
```
#153835 rgb(21,56,53)
```
#1a4743
```
#1a4743 rgb(26,71,67)
```
#205550
```
#205550 rgb(32,85,80)
```
#25635e
```
#25635e rgb(37,99,94)
```
#2a726b
```
#2a726b rgb(42,114,107)
```
#308079
```
#308079 rgb(48,128,121)
```
#358e86
```
#358e86 rgb(53,142,134)
```
#3a9c94
```
#3a9c94 rgb(58,156,148)
```
#40aba1
```
#40aba1 rgb(64,171,161)
```
#45b9af
```
#45b9af rgb(69,185,175)
```

Shade Color Variation

#53bfb5
```
#53bfb5 rgb(83,191,181)
```
#61c4bc
```
#61c4bc rgb(97,196,188)
```
#6fc9c2
```
#6fc9c2 rgb(111,201,194)
```
#7ecfc8
```
#7ecfc8 rgb(126,207,200)
```
#8cd4ce
```
#8cd4ce rgb(140,212,206)
```
#9ad9d4
```
#9ad9d4 rgb(154,217,212)
```
#a9dfda
```
#a9dfda rgb(169,223,218)
```
#b7e4e0
```
#b7e4e0 rgb(183,228,224)
```
#c5e9e6
```
#c5e9e6 rgb(197,233,230)
```
#d3efec
```
#d3efec rgb(211,239,236)
```
#e2f4f2
```
#e2f4f2 rgb(226,244,242)
```
#f0f9f9
```
#f0f9f9 rgb(240,249,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#768887
```
#768887 rgb(118,136,135)
```
#6c928f
```
#6c928f rgb(108,146,143)
```
#629c97
```
#629c97 rgb(98,156,151)
```
#59a59f
```
#59a59f rgb(89,165,159)
```
#4fafa7
```
#4fafa7 rgb(79,175,167)
```
#45b9af
```
#45b9af rgb(69,185,175)
```
#3bc3b7
```
#3bc3b7 rgb(59,195,183)
```
#31cdbf
```
#31cdbf rgb(49,205,191)
```
#28d6c7
```
#28d6c7 rgb(40,214,199)
```
#1ee0cf
```
#1ee0cf rgb(30,224,207)
```
#14ead7
```
#14ead7 rgb(20,234,215)
```
#0af4e0
```
#0af4e0 rgb(10,244,224)
```
#01fde8
```
#01fde8 rgb(1,253,232)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#859c9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#afabaa Protanopia 1% of men
#b5a7ba Deuteranopia 1% of men
#59b9c7 Tritanopia 0.001% of the population

Trichromacy

#88b0ab Protanomaly 1% of men, 0.01% of women
#8caeb6 Deuteranomaly 6% of men, 0.4% of women
#52b9be Tritanomaly 0.01% of the population

#45b9af hex color

#45b9af Color Information

#45b9af Color Conversion

Color Schemes with #45b9af

Alternatives to #45b9af

#45b9af Preview

Shades and Tints of #45b9af

Tones of #45b9af

Color Blindness Simulator