#45b2a2 hex color

In a RGB color space, hex #45b2a2 is composed of 27.1% red, 69.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 0% magenta, 9% yellow and 30.2% black. It has a hue angle of 171.2 degrees, a saturation of 44.1% and a lightness of 48.4%. #45b2a2 color hex could be obtained by blending #8affff with #006545. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 27
- G 70
- B 64
RGB color chart
- C 61
- M 0
- Y 9
- K 30
CMYK color chart

● #45b2a2 color description : Dark moderate cyan.

The hexadecimal color #45b2a2 has RGB values of R:69, G:178, B:162 and CMYK values of C:0.61, M:0, Y:0.09, K:0.3. Its decimal value is 4567714.

Hex triplet	45b2a2	`#45b2a2`
RGB Decimal	69, 178, 162	`rgb(69,178,162)`
RGB Percent	27.1, 69.8, 63.5	`rgb(27.1%,69.8%,63.5%)`
CMYK	61, 0, 9, 30
HSL	171.2°, 44.1, 48.4	`hsl(171.2,44.1%,48.4%)`
HSV (or HSB)	171.2°, 61.2, 69.8
Web Safe	339999	`#339999`

CIE-LAB	66.3, -34.834, -1.059
XYZ	24.894, 35.713, 39.762
xyY	0.248, 0.356, 35.713
CIE-LCH	66.3, 34.85, 181.741
CIE-LUV	66.3, -44.28, 3.811
Hunter-Lab	59.76, -30.223, 2.383
Binary	01000101, 10110010, 10100010

#45b2a2
```
#45b2a2 rgb(69,178,162)
```
#b24555
```
#b24555 rgb(178,69,85)
```

Complementary Color

#45b26c
```
#45b26c rgb(69,178,108)
```
#45b2a2
```
#45b2a2 rgb(69,178,162)
```
#458cb2
```
#458cb2 rgb(69,140,178)
```

Analogous Color

#b26c45
```
#b26c45 rgb(178,108,69)
```
#45b2a2
```
#45b2a2 rgb(69,178,162)
```
#b2458c
```
#b2458c rgb(178,69,140)
```

Split Complementary Color

#b2a245
```
#b2a245 rgb(178,162,69)
```
#45b2a2
```
#45b2a2 rgb(69,178,162)
```
#a245b2
```
#a245b2 rgb(162,69,178)
```

Triadic Color

#55b245
```
#55b245 rgb(85,178,69)
```
#45b2a2
```
#45b2a2 rgb(69,178,162)
```
#a245b2
```
#a245b2 rgb(162,69,178)
```
#b24555
```
#b24555 rgb(178,69,85)
```

Tetradic Color

#307b70
```
#307b70 rgb(48,123,112)
```
#378d81
```
#378d81 rgb(55,141,129)
```
#3ea091
```
#3ea091 rgb(62,160,145)
```
#45b2a2
```
#45b2a2 rgb(69,178,162)
```
#54bdad
```
#54bdad rgb(84,189,173)
```
#66c4b6
```
#66c4b6 rgb(102,196,182)
```
#79cbbf
```
#79cbbf rgb(121,203,191)
```

Monochromatic Color

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

#45b287
```
#45b287 rgb(69,178,135)
```
#45b290
```
#45b290 rgb(69,178,144)
```
#45b299
```
#45b299 rgb(69,178,153)
```
#45b2a2
```
#45b2a2 rgb(69,178,162)
```
#45b2ab
```
#45b2ab rgb(69,178,171)
```
#45b0b2
```
#45b0b2 rgb(69,176,178)
```
#45a7b2
```
#45a7b2 rgb(69,167,178)
```

Similar Colors

Text with hexadecimal color #45b2a2

This text has a font color of #45b2a2.

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

#45b2a2 background color

This paragraph has a background color of #45b2a2.

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

#45b2a2 border color

This element has a border color of #45b2a2.

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

CSS codes

.text {color:#45b2a2;}

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

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

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

#030808
```
#030808 rgb(3,8,8)
```
#091714
```
#091714 rgb(9,23,20)
```
#0e2521
```
#0e2521 rgb(14,37,33)
```
#14332e
```
#14332e rgb(20,51,46)
```
#19413b
```
#19413b rgb(25,65,59)
```
#1f4f48
```
#1f4f48 rgb(31,79,72)
```
#245d55
```
#245d55 rgb(36,93,85)
```
#2a6b62
```
#2a6b62 rgb(42,107,98)
```
#2f796f
```
#2f796f rgb(47,121,111)
```
#35887b
```
#35887b rgb(53,136,123)
```
#3a9688
```
#3a9688 rgb(58,150,136)
```
#40a495
```
#40a495 rgb(64,164,149)
```
#45b2a2
```
#45b2a2 rgb(69,178,162)
```

Shade Color Variation

#50bbab
```
#50bbab rgb(80,187,171)
```
#5ec0b2
```
#5ec0b2 rgb(94,192,178)
```
#6cc6b9
```
#6cc6b9 rgb(108,198,185)
```
#7acbbf
```
#7acbbf rgb(122,203,191)
```
#88d1c6
```
#88d1c6 rgb(136,209,198)
```
#96d6cd
```
#96d6cd rgb(150,214,205)
```
#a4dcd4
```
#a4dcd4 rgb(164,220,212)
```
#b3e1da
```
#b3e1da rgb(179,225,218)
```
#c1e7e1
```
#c1e7e1 rgb(193,231,225)
```
#cfece8
```
#cfece8 rgb(207,236,232)
```
#ddf2ef
```
#ddf2ef rgb(221,242,239)
```
#ebf7f5
```
#ebf7f5 rgb(235,247,245)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#758380
```
#758380 rgb(117,131,128)
```
#6b8c87
```
#6b8c87 rgb(107,140,135)
```
#62968e
```
#62968e rgb(98,150,142)
```
#589f95
```
#589f95 rgb(88,159,149)
```
#4fa99b
```
#4fa99b rgb(79,169,155)
```
#45b2a2
```
#45b2a2 rgb(69,178,162)
```
#3cbca9
```
#3cbca9 rgb(60,188,169)
```
#32c5af
```
#32c5af rgb(50,197,175)
```
#29cfb6
```
#29cfb6 rgb(41,207,182)
```
#1fd8bd
```
#1fd8bd rgb(31,216,189)
```
#16e2c4
```
#16e2c4 rgb(22,226,196)
```
#0cebca
```
#0cebca rgb(12,235,202)
```
#02f5d1
```
#02f5d1 rgb(2,245,209)
```

Tone Color Variation

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

Dichromacy

#aaa59e Protanopia 1% of men
#b1a1ae Deuteranopia 1% of men
#5ab2bf Tritanopia 0.001% of the population

Trichromacy

#85a99f Protanomaly 1% of men, 0.01% of women
#8aa7a9 Deuteranomaly 6% of men, 0.4% of women
#52b2b4 Tritanomaly 0.01% of the population

#45b2a2 hex color

#45b2a2 Color Information

#45b2a2 Color Conversion

Color Schemes with #45b2a2

Alternatives to #45b2a2

#45b2a2 Preview

Shades and Tints of #45b2a2

Tones of #45b2a2

Color Blindness Simulator