#45b8ca hex color

In a RGB color space, hex #45b8ca is composed of 27.1% red, 72.2% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 8.9% magenta, 0% yellow and 20.8% black. It has a hue angle of 188.1 degrees, a saturation of 55.6% and a lightness of 53.1%. #45b8ca color hex could be obtained by blending #8affff with #007195. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 27
- G 72
- B 79
RGB color chart
- C 66
- M 9
- Y 0
- K 21
CMYK color chart

● #45b8ca color description : Moderate cyan.

The hexadecimal color #45b8ca has RGB values of R:69, G:184, B:202 and CMYK values of C:0.66, M:0.09, Y:0, K:0.21. Its decimal value is 4569290.

Hex triplet	45b8ca	`#45b8ca`
RGB Decimal	69, 184, 202	`rgb(69,184,202)`
RGB Percent	27.1, 72.2, 79.2	`rgb(27.1%,72.2%,79.2%)`
CMYK	66, 9, 0, 21
HSL	188.1°, 55.6, 53.1	`hsl(188.1,55.6%,53.1%)`
HSV (or HSB)	188.1°, 65.8, 79.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.333, -26.428, -18.613
XYZ	30.252, 39.808, 61.963
xyY	0.229, 0.302, 39.808
CIE-LCH	69.333, 32.324, 215.156
CIE-LUV	69.333, -44.205, -25.056
Hunter-Lab	63.094, -24.826, -14.062
Binary	01000101, 10111000, 11001010

#45b8ca
```
#45b8ca rgb(69,184,202)
```
#ca5745
```
#ca5745 rgb(202,87,69)
```

Complementary Color

#45ca9a
```
#45ca9a rgb(69,202,154)
```
#45b8ca
```
#45b8ca rgb(69,184,202)
```
#4576ca
```
#4576ca rgb(69,118,202)
```

Analogous Color

#ca9a45
```
#ca9a45 rgb(202,154,69)
```
#45b8ca
```
#45b8ca rgb(69,184,202)
```
#ca4576
```
#ca4576 rgb(202,69,118)
```

Split Complementary Color

#b8ca45
```
#b8ca45 rgb(184,202,69)
```
#45b8ca
```
#45b8ca rgb(69,184,202)
```
#ca45b8
```
#ca45b8 rgb(202,69,184)
```

Triadic Color

#45ca57
```
#45ca57 rgb(69,202,87)
```
#45b8ca
```
#45b8ca rgb(69,184,202)
```
#ca45b8
```
#ca45b8 rgb(202,69,184)
```
#ca5745
```
#ca5745 rgb(202,87,69)
```

Tetradic Color

#2b8997
```
#2b8997 rgb(43,137,151)
```
#319bab
```
#319bab rgb(49,155,171)
```
#36adbf
```
#36adbf rgb(54,173,191)
```
#45b8ca
```
#45b8ca rgb(69,184,202)
```
#59c0d0
```
#59c0d0 rgb(89,192,208)
```
#6dc7d5
```
#6dc7d5 rgb(109,199,213)
```
#81cfdb
```
#81cfdb rgb(129,207,219)
```

Monochromatic Color

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

#45cabb
```
#45cabb rgb(69,202,187)
```
#45cac6
```
#45cac6 rgb(69,202,198)
```
#45c3ca
```
#45c3ca rgb(69,195,202)
```
#45b8ca
```
#45b8ca rgb(69,184,202)
```
#45adca
```
#45adca rgb(69,173,202)
```
#45a2ca
```
#45a2ca rgb(69,162,202)
```
#4597ca
```
#4597ca rgb(69,151,202)
```

Similar Colors

Text with hexadecimal color #45b8ca

This text has a font color of #45b8ca.

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

#45b8ca background color

This paragraph has a background color of #45b8ca.

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

#45b8ca border color

This element has a border color of #45b8ca.

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

CSS codes

.text {color:#45b8ca;}

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

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

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, #040b0c is the darkest color, while #fcfefe is the lightest one.

#040b0c
```
#040b0c rgb(4,11,12)
```
#08191c
```
#08191c rgb(8,25,28)
```
#0c272b
```
#0c272b rgb(12,39,43)
```
#11353a
```
#11353a rgb(17,53,58)
```
#15424a
```
#15424a rgb(21,66,74)
```
#195059
```
#195059 rgb(25,80,89)
```
#1e5e68
```
#1e5e68 rgb(30,94,104)
```
#226c77
```
#226c77 rgb(34,108,119)
```
#267a87
```
#267a87 rgb(38,122,135)
```
#2b8796
```
#2b8796 rgb(43,135,150)
```
#2f95a5
```
#2f95a5 rgb(47,149,165)
```
#33a3b4
```
#33a3b4 rgb(51,163,180)
```
#38b1c4
```
#38b1c4 rgb(56,177,196)
```

Shade Color Variation

#45b8ca
```
#45b8ca rgb(69,184,202)
```
#54bece
```
#54bece rgb(84,190,206)
```
#64c4d3
```
#64c4d3 rgb(100,196,211)
```
#73c9d7
```
#73c9d7 rgb(115,201,215)
```
#82cfdb
```
#82cfdb rgb(130,207,219)
```
#91d5e0
```
#91d5e0 rgb(145,213,224)
```
#a1dbe4
```
#a1dbe4 rgb(161,219,228)
```
#b0e1e8
```
#b0e1e8 rgb(176,225,232)
```
#bfe7ed
```
#bfe7ed rgb(191,231,237)
```
#ceecf1
```
#ceecf1 rgb(206,236,241)
```
#def2f5
```
#def2f5 rgb(222,242,245)
```
#edf8fa
```
#edf8fa rgb(237,248,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85898a is the less saturated color, while #17daf8 is the most saturated one.

#85898a
```
#85898a rgb(133,137,138)
```
#7c9093
```
#7c9093 rgb(124,144,147)
```
#73969c
```
#73969c rgb(115,150,156)
```
#6a9da5
```
#6a9da5 rgb(106,157,165)
```
#61a4ae
```
#61a4ae rgb(97,164,174)
```
#57abb8
```
#57abb8 rgb(87,171,184)
```
#4eb1c1
```
#4eb1c1 rgb(78,177,193)
```
#45b8ca
```
#45b8ca rgb(69,184,202)
```
#3cbfd3
```
#3cbfd3 rgb(60,191,211)
```
#33c5dc
```
#33c5dc rgb(51,197,220)
```
#29cce6
```
#29cce6 rgb(41,204,230)
```
#20d3ef
```
#20d3ef rgb(32,211,239)
```
#17daf8
```
#17daf8 rgb(23,218,248)
```

Tone Color Variation

Below, you can see how #45b8ca 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
#879ea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9acc3 Protanopia 1% of men
#a9aad3 Deuteranopia 1% of men
#4cbcc9 Tritanopia 0.001% of the population

Trichromacy

#85b0c5 Protanomaly 1% of men, 0.01% of women
#85afcf Deuteranomaly 6% of men, 0.4% of women
#49bac9 Tritanomaly 0.01% of the population

#45b8ca hex color

#45b8ca Color Information

#45b8ca Color Conversion

Color Schemes with #45b8ca

Alternatives to #45b8ca

#45b8ca Preview

Shades and Tints of #45b8ca

Tones of #45b8ca

Color Blindness Simulator