#45aad3 hex color

In a RGB color space, hex #45aad3 is composed of 27.1% red, 66.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 19.4% magenta, 0% yellow and 17.3% black. It has a hue angle of 197.3 degrees, a saturation of 61.7% and a lightness of 54.9%. #45aad3 color hex could be obtained by blending #8affff with #0055a7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 27
- G 67
- B 83
RGB color chart
- C 67
- M 19
- Y 0
- K 17
CMYK color chart

● #45aad3 color description : Moderate blue.

The hexadecimal color #45aad3 has RGB values of R:69, G:170, B:211 and CMYK values of C:0.67, M:0.19, Y:0, K:0.17. Its decimal value is 4565715.

Hex triplet	45aad3	`#45aad3`
RGB Decimal	69, 170, 211	`rgb(69,170,211)`
RGB Percent	27.1, 66.7, 82.7	`rgb(27.1%,66.7%,82.7%)`
CMYK	67, 19, 0, 17
HSL	197.3°, 61.7, 54.9	`hsl(197.3,61.7%,54.9%)`
HSV (or HSB)	197.3°, 67.3, 82.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.527, -16.419, -29.395
XYZ	28.584, 34.716, 66.819
xyY	0.22, 0.267, 34.716
CIE-LCH	65.527, 33.67, 240.815
CIE-LUV	65.527, -38.628, -43.976
Hunter-Lab	58.92, -16.514, -25.995
Binary	01000101, 10101010, 11010011

#45aad3
```
#45aad3 rgb(69,170,211)
```
#d36e45
```
#d36e45 rgb(211,110,69)
```

Complementary Color

#45d3b5
```
#45d3b5 rgb(69,211,181)
```
#45aad3
```
#45aad3 rgb(69,170,211)
```
#4563d3
```
#4563d3 rgb(69,99,211)
```

Analogous Color

#d3b545
```
#d3b545 rgb(211,181,69)
```
#45aad3
```
#45aad3 rgb(69,170,211)
```
#d34563
```
#d34563 rgb(211,69,99)
```

Split Complementary Color

#aad345
```
#aad345 rgb(170,211,69)
```
#45aad3
```
#45aad3 rgb(69,170,211)
```
#d345aa
```
#d345aa rgb(211,69,170)
```

Triadic Color

#45d36e
```
#45d36e rgb(69,211,110)
```
#45aad3
```
#45aad3 rgb(69,170,211)
```
#d345aa
```
#d345aa rgb(211,69,170)
```
#d36e45
```
#d36e45 rgb(211,110,69)
```

Tetradic Color

#2780a5
```
#2780a5 rgb(39,128,165)
```
#2c90b9
```
#2c90b9 rgb(44,144,185)
```
#31a0ce
```
#31a0ce rgb(49,160,206)
```
#45aad3
```
#45aad3 rgb(69,170,211)
```
#5ab3d8
```
#5ab3d8 rgb(90,179,216)
```
#6ebddd
```
#6ebddd rgb(110,189,221)
```
#83c6e2
```
#83c6e2 rgb(131,198,226)
```

Monochromatic Color

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

#45ced3
```
#45ced3 rgb(69,206,211)
```
#45c2d3
```
#45c2d3 rgb(69,194,211)
```
#45b6d3
```
#45b6d3 rgb(69,182,211)
```
#45aad3
```
#45aad3 rgb(69,170,211)
```
#459ed3
```
#459ed3 rgb(69,158,211)
```
#4592d3
```
#4592d3 rgb(69,146,211)
```
#4587d3
```
#4587d3 rgb(69,135,211)
```

Similar Colors

Text with hexadecimal color #45aad3

This text has a font color of #45aad3.

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

#45aad3 background color

This paragraph has a background color of #45aad3.

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

#45aad3 border color

This element has a border color of #45aad3.

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

CSS codes

.text {color:#45aad3;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#051014
```
#051014 rgb(5,16,20)
```
#091c24
```
#091c24 rgb(9,28,36)
```
#0c2834
```
#0c2834 rgb(12,40,52)
```
#103544
```
#103544 rgb(16,53,68)
```
#144154
```
#144154 rgb(20,65,84)
```
#184e64
```
#184e64 rgb(24,78,100)
```
#1b5a73
```
#1b5a73 rgb(27,90,115)
```
#1f6683
```
#1f6683 rgb(31,102,131)
```
#237393
```
#237393 rgb(35,115,147)
```
#277fa3
```
#277fa3 rgb(39,127,163)
```
#2a8bb3
```
#2a8bb3 rgb(42,139,179)
```
#2e98c3
```
#2e98c3 rgb(46,152,195)
```

Shade Color Variation

#35a3cf
```
#35a3cf rgb(53,163,207)
```
#45aad3
```
#45aad3 rgb(69,170,211)
```
#55b1d7
```
#55b1d7 rgb(85,177,215)
```
#65b8db
```
#65b8db rgb(101,184,219)
```
#75c0de
```
#75c0de rgb(117,192,222)
```
#84c7e2
```
#84c7e2 rgb(132,199,226)
```
#94cee6
```
#94cee6 rgb(148,206,230)
```
#a4d5ea
```
#a4d5ea rgb(164,213,234)
```
#b4dded
```
#b4dded rgb(180,221,237)
```
#c4e4f1
```
#c4e4f1 rgb(196,228,241)
```
#d4ebf5
```
#d4ebf5 rgb(212,235,245)
```
#e4f2f9
```
#e4f2f9 rgb(228,242,249)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8c8c is the less saturated color, while #22b9f6 is the most saturated one.

#8c8c8c
```
#8c8c8c rgb(140,140,140)
```
#839095
```
#839095 rgb(131,144,149)
```
#7a949e
```
#7a949e rgb(122,148,158)
```
#7197a7
```
#7197a7 rgb(113,151,167)
```
#689bb0
```
#689bb0 rgb(104,155,176)
```
#609fb8
```
#609fb8 rgb(96,159,184)
```
#57a3c1
```
#57a3c1 rgb(87,163,193)
```
#4ea6ca
```
#4ea6ca rgb(78,166,202)
```
#45aad3
```
#45aad3 rgb(69,170,211)
```
#3caedc
```
#3caedc rgb(60,174,220)
```
#33b1e5
```
#33b1e5 rgb(51,177,229)
```
#2ab5ee
```
#2ab5ee rgb(42,181,238)
```
#22b9f6
```
#22b9f6 rgb(34,185,246)
```

Tone Color Variation

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

Dichromacy

#98a2cd Protanopia 1% of men
#92a2da Deuteranopia 1% of men
#3db2bf Tritanopia 0.001% of the population

Trichromacy

#7aa5cf Protanomaly 1% of men, 0.01% of women
#76a5d7 Deuteranomaly 6% of men, 0.4% of women
#40afc6 Tritanomaly 0.01% of the population

#45aad3 hex color

#45aad3 Color Information

#45aad3 Color Conversion

Color Schemes with #45aad3

Alternatives to #45aad3

#45aad3 Preview

Shades and Tints of #45aad3

Tones of #45aad3

Color Blindness Simulator