#45abb7 hex color

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

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

● #45abb7 color description : Moderate cyan.

The hexadecimal color #45abb7 has RGB values of R:69, G:171, B:183 and CMYK values of C:0.62, M:0.07, Y:0, K:0.28. Its decimal value is 4565943.

Hex triplet	45abb7	`#45abb7`
RGB Decimal	69, 171, 183	`rgb(69,171,183)`
RGB Percent	27.1, 67.1, 71.8	`rgb(27.1%,67.1%,71.8%)`
CMYK	62, 7, 0, 28
HSL	186.3°, 45.2, 49.4	`hsl(186.3,45.2%,49.4%)`
HSV (or HSB)	186.3°, 62.3, 71.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.81, -25.576, -14.948
XYZ	25.562, 33.808, 49.976
xyY	0.234, 0.309, 33.808
CIE-LCH	64.81, 29.624, 210.304
CIE-LUV	64.81, -40.483, -19.031
Hunter-Lab	58.145, -23.279, -10.259
Binary	01000101, 10101011, 10110111

#45abb7
```
#45abb7 rgb(69,171,183)
```
#b75145
```
#b75145 rgb(183,81,69)
```

Complementary Color

#45b78a
```
#45b78a rgb(69,183,138)
```
#45abb7
```
#45abb7 rgb(69,171,183)
```
#4572b7
```
#4572b7 rgb(69,114,183)
```

Analogous Color

#b78a45
```
#b78a45 rgb(183,138,69)
```
#45abb7
```
#45abb7 rgb(69,171,183)
```
#b74572
```
#b74572 rgb(183,69,114)
```

Split Complementary Color

#abb745
```
#abb745 rgb(171,183,69)
```
#45abb7
```
#45abb7 rgb(69,171,183)
```
#b745ab
```
#b745ab rgb(183,69,171)
```

Triadic Color

#45b751
```
#45b751 rgb(69,183,81)
```
#45abb7
```
#45abb7 rgb(69,171,183)
```
#b745ab
```
#b745ab rgb(183,69,171)
```
#b75145
```
#b75145 rgb(183,81,69)
```

Tetradic Color

#30777f
```
#30777f rgb(48,119,127)
```
#378892
```
#378892 rgb(55,136,146)
```
#3e9aa4
```
#3e9aa4 rgb(62,154,164)
```
#45abb7
```
#45abb7 rgb(69,171,183)
```
#56b4bf
```
#56b4bf rgb(86,180,191)
```
#69bcc6
```
#69bcc6 rgb(105,188,198)
```
#7bc5cd
```
#7bc5cd rgb(123,197,205)
```

Monochromatic Color

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

#45b7a7
```
#45b7a7 rgb(69,183,167)
```
#45b7b0
```
#45b7b0 rgb(69,183,176)
```
#45b5b7
```
#45b5b7 rgb(69,181,183)
```
#45abb7
```
#45abb7 rgb(69,171,183)
```
#45a2b7
```
#45a2b7 rgb(69,162,183)
```
#4598b7
```
#4598b7 rgb(69,152,183)
```
#458fb7
```
#458fb7 rgb(69,143,183)
```

Similar Colors

Text with hexadecimal color #45abb7

This text has a font color of #45abb7.

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

#45abb7 background color

This paragraph has a background color of #45abb7.

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

#45abb7 border color

This element has a border color of #45abb7.

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

CSS codes

.text {color:#45abb7;}

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

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

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

#050b0c
```
#050b0c rgb(5,11,12)
```
#0a191a
```
#0a191a rgb(10,25,26)
```
#0f2629
```
#0f2629 rgb(15,38,41)
```
#153337
```
#153337 rgb(21,51,55)
```
#1a4145
```
#1a4145 rgb(26,65,69)
```
#1f4e53
```
#1f4e53 rgb(31,78,83)
```
#255b62
```
#255b62 rgb(37,91,98)
```
#2a6870
```
#2a6870 rgb(42,104,112)
```
#30767e
```
#30767e rgb(48,118,126)
```
#35838c
```
#35838c rgb(53,131,140)
```
#3a909b
```
#3a909b rgb(58,144,155)
```
#409ea9
```
#409ea9 rgb(64,158,169)
```
#45abb7
```
#45abb7 rgb(69,171,183)
```

Shade Color Variation

#52b2be
```
#52b2be rgb(82,178,190)
```
#60b9c3
```
#60b9c3 rgb(96,185,195)
```
#6ebfc8
```
#6ebfc8 rgb(110,191,200)
```
#7dc5ce
```
#7dc5ce rgb(125,197,206)
```
#8bccd3
```
#8bccd3 rgb(139,204,211)
```
#99d2d9
```
#99d2d9 rgb(153,210,217)
```
#a7d8de
```
#a7d8de rgb(167,216,222)
```
#b6dfe3
```
#b6dfe3 rgb(182,223,227)
```
#c4e5e9
```
#c4e5e9 rgb(196,229,233)
```
#d2ebee
```
#d2ebee rgb(210,235,238)
```
#e0f1f3
```
#e0f1f3 rgb(224,241,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 #01e1fb is the most saturated one.

#758587
```
#758587 rgb(117,133,135)
```
#6c8c90
```
#6c8c90 rgb(108,140,144)
```
#62949a
```
#62949a rgb(98,148,154)
```
#589ca4
```
#589ca4 rgb(88,156,164)
```
#4fa3ad
```
#4fa3ad rgb(79,163,173)
```
#45abb7
```
#45abb7 rgb(69,171,183)
```
#3bb3c1
```
#3bb3c1 rgb(59,179,193)
```
#32baca
```
#32baca rgb(50,186,202)
```
#28c2d4
```
#28c2d4 rgb(40,194,212)
```
#1ecade
```
#1ecade rgb(30,202,222)
```
#15d1e7
```
#15d1e7 rgb(21,209,231)
```
#0bd9f1
```
#0bd9f1 rgb(11,217,241)
```
#01e1fb
```
#01e1fb rgb(1,225,251)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7f9496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a1b2 Protanopia 1% of men
#a19fc0 Deuteranopia 1% of men
#4fafbb Tritanopia 0.001% of the population

Trichromacy

#7ea4b4 Protanomaly 1% of men, 0.01% of women
#7fa3bd Deuteranomaly 6% of men, 0.4% of women
#4badba Tritanomaly 0.01% of the population

#45abb7 hex color

#45abb7 Color Information

#45abb7 Color Conversion

Color Schemes with #45abb7

Alternatives to #45abb7

#45abb7 Preview

Shades and Tints of #45abb7

Tones of #45abb7

Color Blindness Simulator