#45bbbc hex color

In a RGB color space, hex #45bbbc is composed of 27.1% red, 73.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0.5% magenta, 0% yellow and 26.3% black. It has a hue angle of 180.5 degrees, a saturation of 47% and a lightness of 50.4%. #45bbbc color hex could be obtained by blending #8affff with #007779. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 73
- B 74
RGB color chart
- C 63
- M 1
- Y 0
- K 26
CMYK color chart

● #45bbbc color description : Moderate cyan.

The hexadecimal color #45bbbc has RGB values of R:69, G:187, B:188 and CMYK values of C:0.63, M:0.01, Y:0, K:0.26. Its decimal value is 4570044.

Hex triplet	45bbbc	`#45bbbc`
RGB Decimal	69, 187, 188	`rgb(69,187,188)`
RGB Percent	27.1, 73.3, 73.7	`rgb(27.1%,73.3%,73.7%)`
CMYK	63, 1, 0, 26
HSL	180.5°, 47, 50.4	`hsl(180.5,47%,50.4%)`
HSV (or HSB)	180.5°, 63.3, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.778, -31.972, -10.256
XYZ	29.299, 40.434, 53.835
xyY	0.237, 0.327, 40.434
CIE-LCH	69.778, 33.576, 197.785
CIE-LUV	69.778, -46.128, -10.813
Hunter-Lab	63.588, -29.033, -5.684
Binary	01000101, 10111011, 10111100

#45bbbc
```
#45bbbc rgb(69,187,188)
```
#bc4645
```
#bc4645 rgb(188,70,69)
```

Complementary Color

#45bc82
```
#45bc82 rgb(69,188,130)
```
#45bbbc
```
#45bbbc rgb(69,187,188)
```
#4580bc
```
#4580bc rgb(69,128,188)
```

Analogous Color

#bc8245
```
#bc8245 rgb(188,130,69)
```
#45bbbc
```
#45bbbc rgb(69,187,188)
```
#bc4580
```
#bc4580 rgb(188,69,128)
```

Split Complementary Color

#bbbc45
```
#bbbc45 rgb(187,188,69)
```
#45bbbc
```
#45bbbc rgb(69,187,188)
```
#bc45bb
```
#bc45bb rgb(188,69,187)
```

Triadic Color

#45bc46
```
#45bc46 rgb(69,188,70)
```
#45bbbc
```
#45bbbc rgb(69,187,188)
```
#bc45bb
```
#bc45bb rgb(188,69,187)
```
#bc4645
```
#bc4645 rgb(188,70,69)
```

Tetradic Color

#308485
```
#308485 rgb(48,132,133)
```
#379797
```
#379797 rgb(55,151,151)
```
#3da9aa
```
#3da9aa rgb(61,169,170)
```
#45bbbc
```
#45bbbc rgb(69,187,188)
```
#58c2c3
```
#58c2c3 rgb(88,194,195)
```
#6ac9ca
```
#6ac9ca rgb(106,201,202)
```
#7dd0d0
```
#7dd0d0 rgb(125,208,208)
```

Monochromatic Color

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

#45bc9f
```
#45bc9f rgb(69,188,159)
```
#45bca9
```
#45bca9 rgb(69,188,169)
```
#45bcb3
```
#45bcb3 rgb(69,188,179)
```
#45bbbc
```
#45bbbc rgb(69,187,188)
```
#45b1bc
```
#45b1bc rgb(69,177,188)
```
#45a7bc
```
#45a7bc rgb(69,167,188)
```
#459dbc
```
#459dbc rgb(69,157,188)
```

Similar Colors

Text with hexadecimal color #45bbbc

This text has a font color of #45bbbc.

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

#45bbbc background color

This paragraph has a background color of #45bbbc.

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

#45bbbc border color

This element has a border color of #45bbbc.

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

CSS codes

.text {color:#45bbbc;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#061010
```
#061010 rgb(6,16,16)
```
#0b1e1e
```
#0b1e1e rgb(11,30,30)
```
#102c2d
```
#102c2d rgb(16,44,45)
```
#153b3b
```
#153b3b rgb(21,59,59)
```
#1b494a
```
#1b494a rgb(27,73,74)
```
#205858
```
#205858 rgb(32,88,88)
```
#256666
```
#256666 rgb(37,102,102)
```
#2a7475
```
#2a7475 rgb(42,116,117)
```
#2f8383
```
#2f8383 rgb(47,131,131)
```
#349192
```
#349192 rgb(52,145,146)
```
#3a9fa0
```
#3a9fa0 rgb(58,159,160)
```
#3faeaf
```
#3faeaf rgb(63,174,175)
```

Shade Color Variation

#45bbbc
```
#45bbbc rgb(69,187,188)
```
#53c0c1
```
#53c0c1 rgb(83,192,193)
```
#62c6c6
```
#62c6c6 rgb(98,198,198)
```
#70cbcc
```
#70cbcc rgb(112,203,204)
```
#7fd0d1
```
#7fd0d1 rgb(127,208,209)
```
#8dd5d6
```
#8dd5d6 rgb(141,213,214)
```
#9cdbdb
```
#9cdbdb rgb(156,219,219)
```
#aae0e0
```
#aae0e0 rgb(170,224,224)
```
#b8e5e6
```
#b8e5e6 rgb(184,229,230)
```
#c7eaeb
```
#c7eaeb rgb(199,234,235)
```
#d5f0f0
```
#d5f0f0 rgb(213,240,240)
```
#e4f5f5
```
#e4f5f5 rgb(228,245,245)
```
#f2fafa
```
#f2fafa rgb(242,250,250)
```

Tint Color Variation

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

#7f8282
```
#7f8282 rgb(127,130,130)
```
#768b8b
```
#768b8b rgb(118,139,139)
```
#6c9595
```
#6c9595 rgb(108,149,149)
```
#629e9f
```
#629e9f rgb(98,158,159)
```
#58a8a9
```
#58a8a9 rgb(88,168,169)
```
#4fb1b2
```
#4fb1b2 rgb(79,177,178)
```
#45bbbc
```
#45bbbc rgb(69,187,188)
```
#3bc5c6
```
#3bc5c6 rgb(59,197,198)
```
#32cecf
```
#32cecf rgb(50,206,207)
```
#28d8d9
```
#28d8d9 rgb(40,216,217)
```
#1ee1e3
```
#1ee1e3 rgb(30,225,227)
```
#14ebed
```
#14ebed rgb(20,235,237)
```
#0bf4f6
```
#0bf4f6 rgb(11,244,246)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#879f9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#afadb6 Protanopia 1% of men
#b3aac6 Deuteranopia 1% of men
#55bcca Tritanopia 0.001% of the population

Trichromacy

#88b2b8 Protanomaly 1% of men, 0.01% of women
#8bb0c2 Deuteranomaly 6% of men, 0.4% of women
#4fbcc5 Tritanomaly 0.01% of the population

#45bbbc hex color

#45bbbc Color Information

#45bbbc Color Conversion

Color Schemes with #45bbbc

Alternatives to #45bbbc

#45bbbc Preview

Shades and Tints of #45bbbc

Tones of #45bbbc

Color Blindness Simulator