#45b1ac hex color

In a RGB color space, hex #45b1ac is composed of 27.1% red, 69.4% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 0% magenta, 2.8% yellow and 30.6% black. It has a hue angle of 177.2 degrees, a saturation of 43.9% and a lightness of 48.2%. #45b1ac color hex could be obtained by blending #8affff with #006359. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 69
- B 67
RGB color chart
- C 61
- M 0
- Y 3
- K 31
CMYK color chart

● #45b1ac color description : Dark moderate cyan.

The hexadecimal color #45b1ac has RGB values of R:69, G:177, B:172 and CMYK values of C:0.61, M:0, Y:0.03, K:0.31. Its decimal value is 4567468.

Hex triplet	45b1ac	`#45b1ac`
RGB Decimal	69, 177, 172	`rgb(69,177,172)`
RGB Percent	27.1, 69.4, 67.5	`rgb(27.1%,69.4%,67.5%)`
CMYK	61, 0, 3, 31
HSL	177.2°, 43.9, 48.2	`hsl(177.2,43.9%,48.2%)`
HSV (or HSB)	177.2°, 61, 69.4
Web Safe	339999	`#339999`

CIE-LAB	66.279, -31.664, -6.633
XYZ	25.621, 35.686, 44.565
xyY	0.242, 0.337, 35.686
CIE-LCH	66.279, 32.351, 191.832
CIE-LUV	66.279, -43.34, -5.13
Hunter-Lab	59.738, -27.985, -2.415
Binary	01000101, 10110001, 10101100

#45b1ac
```
#45b1ac rgb(69,177,172)
```
#b1454a
```
#b1454a rgb(177,69,74)
```

Complementary Color

#45b176
```
#45b176 rgb(69,177,118)
```
#45b1ac
```
#45b1ac rgb(69,177,172)
```
#4580b1
```
#4580b1 rgb(69,128,177)
```

Analogous Color

#b17645
```
#b17645 rgb(177,118,69)
```
#45b1ac
```
#45b1ac rgb(69,177,172)
```
#b14580
```
#b14580 rgb(177,69,128)
```

Split Complementary Color

#b1ac45
```
#b1ac45 rgb(177,172,69)
```
#45b1ac
```
#45b1ac rgb(69,177,172)
```
#ac45b1
```
#ac45b1 rgb(172,69,177)
```

Triadic Color

#4ab145
```
#4ab145 rgb(74,177,69)
```
#45b1ac
```
#45b1ac rgb(69,177,172)
```
#ac45b1
```
#ac45b1 rgb(172,69,177)
```
#b1454a
```
#b1454a rgb(177,69,74)
```

Tetradic Color

#307a77
```
#307a77 rgb(48,122,119)
```
#378c88
```
#378c88 rgb(55,140,136)
```
#3e9f9a
```
#3e9f9a rgb(62,159,154)
```
#45b1ac
```
#45b1ac rgb(69,177,172)
```
#53bcb7
```
#53bcb7 rgb(83,188,183)
```
#66c3bf
```
#66c3bf rgb(102,195,191)
```
#78cac7
```
#78cac7 rgb(120,202,199)
```

Monochromatic Color

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

#45b191
```
#45b191 rgb(69,177,145)
```
#45b19a
```
#45b19a rgb(69,177,154)
```
#45b1a3
```
#45b1a3 rgb(69,177,163)
```
#45b1ac
```
#45b1ac rgb(69,177,172)
```
#45adb1
```
#45adb1 rgb(69,173,177)
```
#45a4b1
```
#45a4b1 rgb(69,164,177)
```
#459bb1
```
#459bb1 rgb(69,155,177)
```

Similar Colors

Text with hexadecimal color #45b1ac

This text has a font color of #45b1ac.

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

#45b1ac background color

This paragraph has a background color of #45b1ac.

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

#45b1ac border color

This element has a border color of #45b1ac.

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

CSS codes

.text {color:#45b1ac;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#081615
```
#081615 rgb(8,22,21)
```
#0e2423
```
#0e2423 rgb(14,36,35)
```
#133231
```
#133231 rgb(19,50,49)
```
#19403e
```
#19403e rgb(25,64,62)
```
#1e4e4c
```
#1e4e4c rgb(30,78,76)
```
#245c5a
```
#245c5a rgb(36,92,90)
```
#296a67
```
#296a67 rgb(41,106,103)
```
#2f7975
```
#2f7975 rgb(47,121,117)
```
#348783
```
#348783 rgb(52,135,131)
```
#3a9591
```
#3a9591 rgb(58,149,145)
```
#3fa39e
```
#3fa39e rgb(63,163,158)
```
#45b1ac
```
#45b1ac rgb(69,177,172)
```

Shade Color Variation

#4fbab5
```
#4fbab5 rgb(79,186,181)
```
#5dc0bb
```
#5dc0bb rgb(93,192,187)
```
#6bc5c1
```
#6bc5c1 rgb(107,197,193)
```
#7acbc7
```
#7acbc7 rgb(122,203,199)
```
#88d0cd
```
#88d0cd rgb(136,208,205)
```
#96d6d3
```
#96d6d3 rgb(150,214,211)
```
#a4dbd9
```
#a4dbd9 rgb(164,219,217)
```
#b2e1df
```
#b2e1df rgb(178,225,223)
```
#c0e6e5
```
#c0e6e5 rgb(192,230,229)
```
#ceeceb
```
#ceeceb rgb(206,236,235)
```
#dcf1f0
```
#dcf1f0 rgb(220,241,240)
```
#eaf7f6
```
#eaf7f6 rgb(234,247,246)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#748281
```
#748281 rgb(116,130,129)
```
#6b8b8a
```
#6b8b8a rgb(107,139,138)
```
#619592
```
#619592 rgb(97,149,146)
```
#589e9b
```
#589e9b rgb(88,158,155)
```
#4ea8a3
```
#4ea8a3 rgb(78,168,163)
```
#45b1ac
```
#45b1ac rgb(69,177,172)
```
#3cbab5
```
#3cbab5 rgb(60,186,181)
```
#32c4bd
```
#32c4bd rgb(50,196,189)
```
#29cdc6
```
#29cdc6 rgb(41,205,198)
```
#1fd7ce
```
#1fd7ce rgb(31,215,206)
```
#16e0d7
```
#16e0d7 rgb(22,224,215)
```
#0ceae0
```
#0ceae0 rgb(12,234,224)
```
#03f3e8
```
#03f3e8 rgb(3,243,232)
```

Tone Color Variation

Below, you can see how #45b1ac 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
#819796 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a5a7 Protanopia 1% of men
#aca1b7 Deuteranopia 1% of men
#56b2bf Tritanopia 0.001% of the population

Trichromacy

#84a9a9 Protanomaly 1% of men, 0.01% of women
#87a7b3 Deuteranomaly 6% of men, 0.4% of women
#50b2b8 Tritanomaly 0.01% of the population

#45b1ac hex color

#45b1ac Color Information

#45b1ac Color Conversion

Color Schemes with #45b1ac

Alternatives to #45b1ac

#45b1ac Preview

Shades and Tints of #45b1ac

Tones of #45b1ac

Color Blindness Simulator