#45afd3 hex color

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

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

● #45afd3 color description : Moderate blue.

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

Hex triplet	45afd3	`#45afd3`
RGB Decimal	69, 175, 211	`rgb(69,175,211)`
RGB Percent	27.1, 68.6, 82.7	`rgb(27.1%,68.6%,82.7%)`
CMYK	67, 17, 0, 17
HSL	195.2°, 61.7, 54.9	`hsl(195.2,61.7%,54.9%)`
HSV (or HSB)	195.2°, 67.3, 82.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.995, -19.059, -27.132
XYZ	29.539, 36.626, 67.137
xyY	0.222, 0.275, 36.626
CIE-LCH	66.995, 33.158, 234.914
CIE-LUV	66.995, -40.432, -39.988
Hunter-Lab	60.519, -18.784, -23.41
Binary	01000101, 10101111, 11010011

#45afd3
```
#45afd3 rgb(69,175,211)
```
#d36945
```
#d36945 rgb(211,105,69)
```

Complementary Color

#45d3b0
```
#45d3b0 rgb(69,211,176)
```
#45afd3
```
#45afd3 rgb(69,175,211)
```
#4568d3
```
#4568d3 rgb(69,104,211)
```

Analogous Color

#d3b045
```
#d3b045 rgb(211,176,69)
```
#45afd3
```
#45afd3 rgb(69,175,211)
```
#d34568
```
#d34568 rgb(211,69,104)
```

Split Complementary Color

#afd345
```
#afd345 rgb(175,211,69)
```
#45afd3
```
#45afd3 rgb(69,175,211)
```
#d345af
```
#d345af rgb(211,69,175)
```

Triadic Color

#45d369
```
#45d369 rgb(69,211,105)
```
#45afd3
```
#45afd3 rgb(69,175,211)
```
#d345af
```
#d345af rgb(211,69,175)
```
#d36945
```
#d36945 rgb(211,105,69)
```

Tetradic Color

#2785a5
```
#2785a5 rgb(39,133,165)
```
#2c95b9
```
#2c95b9 rgb(44,149,185)
```
#31a6ce
```
#31a6ce rgb(49,166,206)
```
#45afd3
```
#45afd3 rgb(69,175,211)
```
#5ab8d8
```
#5ab8d8 rgb(90,184,216)
```
#6ec1dd
```
#6ec1dd rgb(110,193,221)
```
#83cae2
```
#83cae2 rgb(131,202,226)
```

Monochromatic Color

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

#45d3d3
```
#45d3d3 rgb(69,211,211)
```
#45c7d3
```
#45c7d3 rgb(69,199,211)
```
#45bbd3
```
#45bbd3 rgb(69,187,211)
```
#45afd3
```
#45afd3 rgb(69,175,211)
```
#45a3d3
```
#45a3d3 rgb(69,163,211)
```
#4597d3
```
#4597d3 rgb(69,151,211)
```
#458cd3
```
#458cd3 rgb(69,140,211)
```

Similar Colors

Text with hexadecimal color #45afd3

This text has a font color of #45afd3.

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

#45afd3 background color

This paragraph has a background color of #45afd3.

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

#45afd3 border color

This element has a border color of #45afd3.

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

CSS codes

.text {color:#45afd3;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051014
```
#051014 rgb(5,16,20)
```
#091d24
```
#091d24 rgb(9,29,36)
```
#0c2a34
```
#0c2a34 rgb(12,42,52)
```
#103744
```
#103744 rgb(16,55,68)
```
#144354
```
#144354 rgb(20,67,84)
```
#185064
```
#185064 rgb(24,80,100)
```
#1b5d73
```
#1b5d73 rgb(27,93,115)
```
#1f6a83
```
#1f6a83 rgb(31,106,131)
```
#237793
```
#237793 rgb(35,119,147)
```
#2783a3
```
#2783a3 rgb(39,131,163)
```
#2a90b3
```
#2a90b3 rgb(42,144,179)
```
#2e9dc3
```
#2e9dc3 rgb(46,157,195)
```

Shade Color Variation

#35a8cf
```
#35a8cf rgb(53,168,207)
```
#45afd3
```
#45afd3 rgb(69,175,211)
```
#55b6d7
```
#55b6d7 rgb(85,182,215)
```
#65bddb
```
#65bddb rgb(101,189,219)
```
#75c3de
```
#75c3de rgb(117,195,222)
```
#84cae2
```
#84cae2 rgb(132,202,226)
```
#94d1e6
```
#94d1e6 rgb(148,209,230)
```
#a4d8ea
```
#a4d8ea rgb(164,216,234)
```
#b4dfed
```
#b4dfed rgb(180,223,237)
```
#c4e6f1
```
#c4e6f1 rgb(196,230,241)
```
#d4ecf5
```
#d4ecf5 rgb(212,236,245)
```
#e4f3f9
```
#e4f3f9 rgb(228,243,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 #22c0f6 is the most saturated one.

#8c8c8c
```
#8c8c8c rgb(140,140,140)
```
#839095
```
#839095 rgb(131,144,149)
```
#7a959e
```
#7a959e rgb(122,149,158)
```
#7199a7
```
#7199a7 rgb(113,153,167)
```
#689eb0
```
#689eb0 rgb(104,158,176)
```
#60a2b8
```
#60a2b8 rgb(96,162,184)
```
#57a6c1
```
#57a6c1 rgb(87,166,193)
```
#4eabca
```
#4eabca rgb(78,171,202)
```
#45afd3
```
#45afd3 rgb(69,175,211)
```
#3cb3dc
```
#3cb3dc rgb(60,179,220)
```
#33b8e5
```
#33b8e5 rgb(51,184,229)
```
#2abcee
```
#2abcee rgb(42,188,238)
```
#22c0f6
```
#22c0f6 rgb(34,192,246)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8399a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da6cc Protanopia 1% of men
#99a5da Deuteranopia 1% of men
#41b6c3 Tritanopia 0.001% of the population

Trichromacy

#7da9cf Protanomaly 1% of men, 0.01% of women
#7aa8d7 Deuteranomaly 6% of men, 0.4% of women
#42b3c9 Tritanomaly 0.01% of the population

#45afd3 hex color

#45afd3 Color Information

#45afd3 Color Conversion

Color Schemes with #45afd3

Alternatives to #45afd3

#45afd3 Preview

Shades and Tints of #45afd3

Tones of #45afd3

Color Blindness Simulator