#45aac3 hex color

In a RGB color space, hex #45aac3 is composed of 27.1% red, 66.7% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 12.8% magenta, 0% yellow and 23.5% black. It has a hue angle of 191.9 degrees, a saturation of 51.2% and a lightness of 51.8%. #45aac3 color hex could be obtained by blending #8affff with #005587. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 67
- B 76
RGB color chart
- C 65
- M 13
- Y 0
- K 24
CMYK color chart

● #45aac3 color description : Moderate cyan.

The hexadecimal color #45aac3 has RGB values of R:69, G:170, B:195 and CMYK values of C:0.65, M:0.13, Y:0, K:0.24. Its decimal value is 4565699.

Hex triplet	45aac3	`#45aac3`
RGB Decimal	69, 170, 195	`rgb(69,170,195)`
RGB Percent	27.1, 66.7, 76.5	`rgb(27.1%,66.7%,76.5%)`
CMYK	65, 13, 0, 24
HSL	191.9°, 51.2, 51.8	`hsl(191.9,51.2%,51.8%)`
HSV (or HSB)	191.9°, 64.6, 76.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.925, -21.448, -21.45
XYZ	26.677, 33.953, 56.774
xyY	0.227, 0.289, 33.953
CIE-LCH	64.925, 30.334, 225.003
CIE-LUV	64.925, -39.466, -30.123
Hunter-Lab	58.269, -20.25, -16.981
Binary	01000101, 10101010, 11000011

#45aac3
```
#45aac3 rgb(69,170,195)
```
#c35e45
```
#c35e45 rgb(195,94,69)
```

Complementary Color

#45c39d
```
#45c39d rgb(69,195,157)
```
#45aac3
```
#45aac3 rgb(69,170,195)
```
#456bc3
```
#456bc3 rgb(69,107,195)
```

Analogous Color

#c39d45
```
#c39d45 rgb(195,157,69)
```
#45aac3
```
#45aac3 rgb(69,170,195)
```
#c3456b
```
#c3456b rgb(195,69,107)
```

Split Complementary Color

#aac345
```
#aac345 rgb(170,195,69)
```
#45aac3
```
#45aac3 rgb(69,170,195)
```
#c345aa
```
#c345aa rgb(195,69,170)
```

Triadic Color

#45c35e
```
#45c35e rgb(69,195,94)
```
#45aac3
```
#45aac3 rgb(69,170,195)
```
#c345aa
```
#c345aa rgb(195,69,170)
```
#c35e45
```
#c35e45 rgb(195,94,69)
```

Tetradic Color

#2e7b8e
```
#2e7b8e rgb(46,123,142)
```
#348ba1
```
#348ba1 rgb(52,139,161)
```
#3a9cb4
```
#3a9cb4 rgb(58,156,180)
```
#45aac3
```
#45aac3 rgb(69,170,195)
```
#58b3c9
```
#58b3c9 rgb(88,179,201)
```
#6cbccf
```
#6cbccf rgb(108,188,207)
```
#7fc4d6
```
#7fc4d6 rgb(127,196,214)
```

Monochromatic Color

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

#45c3bd
```
#45c3bd rgb(69,195,189)
```
#45bfc3
```
#45bfc3 rgb(69,191,195)
```
#45b5c3
```
#45b5c3 rgb(69,181,195)
```
#45aac3
```
#45aac3 rgb(69,170,195)
```
#45a0c3
```
#45a0c3 rgb(69,160,195)
```
#4595c3
```
#4595c3 rgb(69,149,195)
```
#458bc3
```
#458bc3 rgb(69,139,195)
```

Similar Colors

Text with hexadecimal color #45aac3

This text has a font color of #45aac3.

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

#45aac3 background color

This paragraph has a background color of #45aac3.

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

#45aac3 border color

This element has a border color of #45aac3.

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

CSS codes

.text {color:#45aac3;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#071316
```
#071316 rgb(7,19,22)
```
#0c2024
```
#0c2024 rgb(12,32,36)
```
#112c33
```
#112c33 rgb(17,44,51)
```
#153942
```
#153942 rgb(21,57,66)
```
#1a4651
```
#1a4651 rgb(26,70,81)
```
#1f5360
```
#1f5360 rgb(31,83,96)
```
#24606f
```
#24606f rgb(36,96,111)
```
#286d7d
```
#286d7d rgb(40,109,125)
```
#2d798c
```
#2d798c rgb(45,121,140)
```
#32869b
```
#32869b rgb(50,134,155)
```
#3793aa
```
#3793aa rgb(55,147,170)
```
#3ca0b9
```
#3ca0b9 rgb(60,160,185)
```

Shade Color Variation

#45aac3
```
#45aac3 rgb(69,170,195)
```
#54b1c8
```
#54b1c8 rgb(84,177,200)
```
#63b8cd
```
#63b8cd rgb(99,184,205)
```
#71bed1
```
#71bed1 rgb(113,190,209)
```
#80c5d6
```
#80c5d6 rgb(128,197,214)
```
#8fccdb
```
#8fccdb rgb(143,204,219)
```
#9ed3e0
```
#9ed3e0 rgb(158,211,224)
```
#add9e4
```
#add9e4 rgb(173,217,228)
```
#bce0e9
```
#bce0e9 rgb(188,224,233)
```
#cae7ee
```
#cae7ee rgb(202,231,238)
```
#d9eef3
```
#d9eef3 rgb(217,238,243)
```
#e8f5f8
```
#e8f5f8 rgb(232,245,248)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e888a is the less saturated color, while #0cccfc is the most saturated one.

#7e888a
```
#7e888a rgb(126,136,138)
```
#748d94
```
#748d94 rgb(116,141,148)
```
#6b939d
```
#6b939d rgb(107,147,157)
```
#6199a7
```
#6199a7 rgb(97,153,167)
```
#589fb0
```
#589fb0 rgb(88,159,176)
```
#4ea4ba
```
#4ea4ba rgb(78,164,186)
```
#45aac3
```
#45aac3 rgb(69,170,195)
```
#3cb0cc
```
#3cb0cc rgb(60,176,204)
```
#32b5d6
```
#32b5d6 rgb(50,181,214)
```
#29bbdf
```
#29bbdf rgb(41,187,223)
```
#1fc1e9
```
#1fc1e9 rgb(31,193,233)
```
#16c7f2
```
#16c7f2 rgb(22,199,242)
```
#0cccfc
```
#0cccfc rgb(12,204,252)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#809499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca1bd Protanopia 1% of men
#9a9fcb Deuteranopia 1% of men
#48b0bc Tritanopia 0.001% of the population

Trichromacy

#7ca4bf Protanomaly 1% of men, 0.01% of women
#7ba3c8 Deuteranomaly 6% of men, 0.4% of women
#47adbf Tritanomaly 0.01% of the population

#45aac3 hex color

#45aac3 Color Information

#45aac3 Color Conversion

Color Schemes with #45aac3

Alternatives to #45aac3

#45aac3 Preview

Shades and Tints of #45aac3

Tones of #45aac3

Color Blindness Simulator