#45bdcf hex color

In a RGB color space, hex #45bdcf is composed of 27.1% red, 74.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 8.7% magenta, 0% yellow and 18.8% black. It has a hue angle of 187.8 degrees, a saturation of 59% and a lightness of 54.1%. #45bdcf color hex could be obtained by blending #8affff with #007b9f. Closest websafe color is: #33cccc.

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

● #45bdcf color description : Moderate cyan.

The hexadecimal color #45bdcf has RGB values of R:69, G:189, B:207 and CMYK values of C:0.67, M:0.09, Y:0, K:0.19. Its decimal value is 4570575.

Hex triplet	45bdcf	`#45bdcf`
RGB Decimal	69, 189, 207	`rgb(69,189,207)`
RGB Percent	27.1, 74.1, 81.2	`rgb(27.1%,74.1%,81.2%)`
CMYK	67, 9, 0, 19
HSL	187.8°, 59, 54.1	`hsl(187.8,59%,54.1%)`
HSV (or HSB)	187.8°, 66.7, 81.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.983, -27.413, -18.849
XYZ	31.911, 42.163, 65.484
xyY	0.229, 0.302, 42.163
CIE-LCH	70.983, 33.268, 214.512
CIE-LUV	70.983, -45.728, -25.387
Hunter-Lab	64.933, -25.909, -14.341
Binary	01000101, 10111101, 11001111

#45bdcf
```
#45bdcf rgb(69,189,207)
```
#cf5745
```
#cf5745 rgb(207,87,69)
```

Complementary Color

#45cf9c
```
#45cf9c rgb(69,207,156)
```
#45bdcf
```
#45bdcf rgb(69,189,207)
```
#4578cf
```
#4578cf rgb(69,120,207)
```

Analogous Color

#cf9c45
```
#cf9c45 rgb(207,156,69)
```
#45bdcf
```
#45bdcf rgb(69,189,207)
```
#cf4578
```
#cf4578 rgb(207,69,120)
```

Split Complementary Color

#bdcf45
```
#bdcf45 rgb(189,207,69)
```
#45bdcf
```
#45bdcf rgb(69,189,207)
```
#cf45bd
```
#cf45bd rgb(207,69,189)
```

Triadic Color

#45cf57
```
#45cf57 rgb(69,207,87)
```
#45bdcf
```
#45bdcf rgb(69,189,207)
```
#cf45bd
```
#cf45bd rgb(207,69,189)
```
#cf5745
```
#cf5745 rgb(207,87,69)
```

Tetradic Color

#298f9f
```
#298f9f rgb(41,143,159)
```
#2ea2b3
```
#2ea2b3 rgb(46,162,179)
```
#33b4c7
```
#33b4c7 rgb(51,180,199)
```
#45bdcf
```
#45bdcf rgb(69,189,207)
```
#59c4d4
```
#59c4d4 rgb(89,196,212)
```
#6ecbd9
```
#6ecbd9 rgb(110,203,217)
```
#82d3df
```
#82d3df rgb(130,211,223)
```

Monochromatic Color

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

#45cfbf
```
#45cfbf rgb(69,207,191)
```
#45cfca
```
#45cfca rgb(69,207,202)
```
#45c9cf
```
#45c9cf rgb(69,201,207)
```
#45bdcf
```
#45bdcf rgb(69,189,207)
```
#45b2cf
```
#45b2cf rgb(69,178,207)
```
#45a6cf
```
#45a6cf rgb(69,166,207)
```
#459bcf
```
#459bcf rgb(69,155,207)
```

Similar Colors

Text with hexadecimal color #45bdcf

This text has a font color of #45bdcf.

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

#45bdcf background color

This paragraph has a background color of #45bdcf.

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

#45bdcf border color

This element has a border color of #45bdcf.

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

CSS codes

.text {color:#45bdcf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040f11
```
#040f11 rgb(4,15,17)
```
#081d20
```
#081d20 rgb(8,29,32)
```
#0c2b30
```
#0c2b30 rgb(12,43,48)
```
#10393f
```
#10393f rgb(16,57,63)
```
#14474f
```
#14474f rgb(20,71,79)
```
#18555f
```
#18555f rgb(24,85,95)
```
#1c646e
```
#1c646e rgb(28,100,110)
```
#20727e
```
#20727e rgb(32,114,126)
```
#24808d
```
#24808d rgb(36,128,141)
```
#298e9d
```
#298e9d rgb(41,142,157)
```
#2d9cad
```
#2d9cad rgb(45,156,173)
```
#31aabc
```
#31aabc rgb(49,170,188)
```

Shade Color Variation

#35b7cb
```
#35b7cb rgb(53,183,203)
```
#45bdcf
```
#45bdcf rgb(69,189,207)
```
#55c3d3
```
#55c3d3 rgb(85,195,211)
```
#64c8d7
```
#64c8d7 rgb(100,200,215)
```
#74cedb
```
#74cedb rgb(116,206,219)
```
#83d3df
```
#83d3df rgb(131,211,223)
```
#93d9e3
```
#93d9e3 rgb(147,217,227)
```
#a3dee7
```
#a3dee7 rgb(163,222,231)
```
#b2e4eb
```
#b2e4eb rgb(178,228,235)
```
#c2e9ef
```
#c2e9ef rgb(194,233,239)
```
#d1eff3
```
#d1eff3 rgb(209,239,243)
```
#e1f4f7
```
#e1f4f7 rgb(225,244,247)
```
#f1fafb
```
#f1fafb rgb(241,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848e90 is the less saturated color, while #18defc is the most saturated one.

#848e90
```
#848e90 rgb(132,142,144)
```
#7b9599
```
#7b9599 rgb(123,149,153)
```
#729ca2
```
#729ca2 rgb(114,156,162)
```
#69a2ab
```
#69a2ab rgb(105,162,171)
```
#60a9b4
```
#60a9b4 rgb(96,169,180)
```
#57b0bd
```
#57b0bd rgb(87,176,189)
```
#4eb6c6
```
#4eb6c6 rgb(78,182,198)
```
#45bdcf
```
#45bdcf rgb(69,189,207)
```
#3cc4d8
```
#3cc4d8 rgb(60,196,216)
```
#33cae1
```
#33cae1 rgb(51,202,225)
```
#2ad1ea
```
#2ad1ea rgb(42,209,234)
```
#21d8f3
```
#21d8f3 rgb(33,216,243)
```
#18defc
```
#18defc rgb(24,222,252)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8aa2a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb0c8 Protanopia 1% of men
#adaed8 Deuteranopia 1% of men
#4cc0ce Tritanopia 0.001% of the population

Trichromacy

#87b5ca Protanomaly 1% of men, 0.01% of women
#87b3d4 Deuteranomaly 6% of men, 0.4% of women
#4abfce Tritanomaly 0.01% of the population

#45bdcf hex color

#45bdcf Color Information

#45bdcf Color Conversion

Color Schemes with #45bdcf

Alternatives to #45bdcf

#45bdcf Preview

Shades and Tints of #45bdcf

Tones of #45bdcf

Color Blindness Simulator