#45bdd3 hex color

In a RGB color space, hex #45bdd3 is composed of 27.1% red, 74.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 10.4% magenta, 0% yellow and 17.3% black. It has a hue angle of 189.3 degrees, a saturation of 61.7% and a lightness of 54.9%. #45bdd3 color hex could be obtained by blending #8affff with #007ba7. Closest websafe color is: #33cccc.

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

● #45bdd3 color description : Moderate cyan.

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

Hex triplet	45bdd3	`#45bdd3`
RGB Decimal	69, 189, 211	`rgb(69,189,211)`
RGB Percent	27.1, 74.1, 82.7	`rgb(27.1%,74.1%,82.7%)`
CMYK	67, 10, 0, 17
HSL	189.3°, 61.7, 54.9	`hsl(189.3,61.7%,54.9%)`
HSV (or HSB)	189.3°, 67.3, 82.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.119, -26.211, -20.827
XYZ	32.406, 42.361, 68.093
xyY	0.227, 0.297, 42.361
CIE-LCH	71.119, 33.478, 218.47
CIE-LUV	71.119, -45.491, -28.823
Hunter-Lab	65.085, -25.022, -16.47
Binary	01000101, 10111101, 11010011

#45bdd3
```
#45bdd3 rgb(69,189,211)
```
#d35b45
```
#d35b45 rgb(211,91,69)
```

Complementary Color

#45d3a2
```
#45d3a2 rgb(69,211,162)
```
#45bdd3
```
#45bdd3 rgb(69,189,211)
```
#4576d3
```
#4576d3 rgb(69,118,211)
```

Analogous Color

#d3a245
```
#d3a245 rgb(211,162,69)
```
#45bdd3
```
#45bdd3 rgb(69,189,211)
```
#d34576
```
#d34576 rgb(211,69,118)
```

Split Complementary Color

#bdd345
```
#bdd345 rgb(189,211,69)
```
#45bdd3
```
#45bdd3 rgb(69,189,211)
```
#d345bd
```
#d345bd rgb(211,69,189)
```

Triadic Color

#45d35b
```
#45d35b rgb(69,211,91)
```
#45bdd3
```
#45bdd3 rgb(69,189,211)
```
#d345bd
```
#d345bd rgb(211,69,189)
```
#d35b45
```
#d35b45 rgb(211,91,69)
```

Tetradic Color

#2791a5
```
#2791a5 rgb(39,145,165)
```
#2ca3b9
```
#2ca3b9 rgb(44,163,185)
```
#31b5ce
```
#31b5ce rgb(49,181,206)
```
#45bdd3
```
#45bdd3 rgb(69,189,211)
```
#5ac4d8
```
#5ac4d8 rgb(90,196,216)
```
#6eccdd
```
#6eccdd rgb(110,204,221)
```
#83d3e2
```
#83d3e2 rgb(131,211,226)
```

Monochromatic Color

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

#45d3c6
```
#45d3c6 rgb(69,211,198)
```
#45d3d1
```
#45d3d1 rgb(69,211,209)
```
#45c9d3
```
#45c9d3 rgb(69,201,211)
```
#45bdd3
```
#45bdd3 rgb(69,189,211)
```
#45b1d3
```
#45b1d3 rgb(69,177,211)
```
#45a5d3
```
#45a5d3 rgb(69,165,211)
```
#459ad3
```
#459ad3 rgb(69,154,211)
```

Similar Colors

Text with hexadecimal color #45bdd3

This text has a font color of #45bdd3.

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

#45bdd3 background color

This paragraph has a background color of #45bdd3.

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

#45bdd3 border color

This element has a border color of #45bdd3.

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

CSS codes

.text {color:#45bdd3;}

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

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

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 #f3fbfc is the lightest one.

#010404
```
#010404 rgb(1,4,4)
```
#051214
```
#051214 rgb(5,18,20)
```
#092024
```
#092024 rgb(9,32,36)
```
#0c2e34
```
#0c2e34 rgb(12,46,52)
```
#103c44
```
#103c44 rgb(16,60,68)
```
#144a54
```
#144a54 rgb(20,74,84)
```
#185864
```
#185864 rgb(24,88,100)
```
#1b6673
```
#1b6673 rgb(27,102,115)
```
#1f7483
```
#1f7483 rgb(31,116,131)
```
#238293
```
#238293 rgb(35,130,147)
```
#2790a3
```
#2790a3 rgb(39,144,163)
```
#2a9eb3
```
#2a9eb3 rgb(42,158,179)
```
#2eacc3
```
#2eacc3 rgb(46,172,195)
```

Shade Color Variation

#35b7cf
```
#35b7cf rgb(53,183,207)
```
#45bdd3
```
#45bdd3 rgb(69,189,211)
```
#55c3d7
```
#55c3d7 rgb(85,195,215)
```
#65c8db
```
#65c8db rgb(101,200,219)
```
#75cede
```
#75cede rgb(117,206,222)
```
#84d4e2
```
#84d4e2 rgb(132,212,226)
```
#94d9e6
```
#94d9e6 rgb(148,217,230)
```
#a4dfea
```
#a4dfea rgb(164,223,234)
```
#b4e4ed
```
#b4e4ed rgb(180,228,237)
```
#c4eaf1
```
#c4eaf1 rgb(196,234,241)
```
#d4f0f5
```
#d4f0f5 rgb(212,240,245)
```
#e4f5f9
```
#e4f5f9 rgb(228,245,249)
```
#f3fbfc
```
#f3fbfc rgb(243,251,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 #22d5f6 is the most saturated one.

#8c8c8c
```
#8c8c8c rgb(140,140,140)
```
#839295
```
#839295 rgb(131,146,149)
```
#7a989e
```
#7a989e rgb(122,152,158)
```
#719ea7
```
#719ea7 rgb(113,158,167)
```
#68a5b0
```
#68a5b0 rgb(104,165,176)
```
#60abb8
```
#60abb8 rgb(96,171,184)
```
#57b1c1
```
#57b1c1 rgb(87,177,193)
```
#4eb7ca
```
#4eb7ca rgb(78,183,202)
```
#45bdd3
```
#45bdd3 rgb(69,189,211)
```
#3cc3dc
```
#3cc3dc rgb(60,195,220)
```
#33c9e5
```
#33c9e5 rgb(51,201,229)
```
#2acfee
```
#2acfee rgb(42,207,238)
```
#22d5f6
```
#22d5f6 rgb(34,213,246)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8ba3a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb0cb Protanopia 1% of men
#acafdb Deuteranopia 1% of men
#4ac1cf Tritanopia 0.001% of the population

Trichromacy

#87b5ce Protanomaly 1% of men, 0.01% of women
#86b4d8 Deuteranomaly 6% of men, 0.4% of women
#48bfd0 Tritanomaly 0.01% of the population

#45bdd3 hex color

#45bdd3 Color Information

#45bdd3 Color Conversion

Color Schemes with #45bdd3

Alternatives to #45bdd3

#45bdd3 Preview

Shades and Tints of #45bdd3

Tones of #45bdd3

Color Blindness Simulator