colorhexa.com

#45a4c0 hex color

In a RGB color space, hex #45a4c0 is composed of 27.1% red, 64.3% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 14.6% magenta, 0% yellow and 24.7% black. It has a hue angle of 193.7 degrees, a saturation of 49.4% and a lightness of 51.2%. #45a4c0 color hex could be obtained by blending #8affff with #004981. Closest websafe color is: #3399cc.

- R 27
- G 64
- B 75
RGB color chart
- C 64
- M 15
- Y 0
- K 25
CMYK color chart

● #45a4c0 color description : Moderate cyan.

The hexadecimal color #45a4c0 has RGB values of R:69, G:164, B:192 and CMYK values of C:0.64, M:0.15, Y:0, K:0.25. Its decimal value is 4564160.

Hex triplet	45a4c0	`#45a4c0`
RGB Decimal	69, 164, 192	`rgb(69,164,192)`
RGB Percent	27.1, 64.3, 75.3	`rgb(27.1%,64.3%,75.3%)`
CMYK	64, 15, 0, 25
HSL	193.7°, 49.4, 51.2	`hsl(193.7,49.4%,51.2%)`
HSV (or HSB)	193.7°, 64.1, 75.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.027, -19.248, -22.678
XYZ	25.242, 31.62, 54.639
xyY	0.226, 0.284, 31.62
CIE-LCH	63.027, 29.745, 229.677
CIE-LUV	63.027, -37.41, -32.285
Hunter-Lab	56.232, -18.279, -18.249
Binary	01000101, 10100100, 11000000

#45a4c0
```
#45a4c0 rgb(69,164,192)
```
#c06145
```
#c06145 rgb(192,97,69)
```

Complementary Color

#45c09f
```
#45c09f rgb(69,192,159)
```
#45a4c0
```
#45a4c0 rgb(69,164,192)
```
#4567c0
```
#4567c0 rgb(69,103,192)
```

Analogous Color

#c09f45
```
#c09f45 rgb(192,159,69)
```
#45a4c0
```
#45a4c0 rgb(69,164,192)
```
#c04567
```
#c04567 rgb(192,69,103)
```

Split Complementary Color

#a4c045
```
#a4c045 rgb(164,192,69)
```
#45a4c0
```
#45a4c0 rgb(69,164,192)
```
#c045a4
```
#c045a4 rgb(192,69,164)
```

Triadic Color

#45c061
```
#45c061 rgb(69,192,97)
```
#45a4c0
```
#45a4c0 rgb(69,164,192)
```
#c045a4
```
#c045a4 rgb(192,69,164)
```
#c06145
```
#c06145 rgb(192,97,69)
```

Tetradic Color

#2f758a
```
#2f758a rgb(47,117,138)
```
#35859d
```
#35859d rgb(53,133,157)
```
#3c95b0
```
#3c95b0 rgb(60,149,176)
```
#45a4c0
```
#45a4c0 rgb(69,164,192)
```
#58adc6
```
#58adc6 rgb(88,173,198)
```
#6bb7cd
```
#6bb7cd rgb(107,183,205)
```
#7ec0d3
```
#7ec0d3 rgb(126,192,211)
```

Monochromatic Color

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

#45c0bd
```
#45c0bd rgb(69,192,189)
```
#45b9c0
```
#45b9c0 rgb(69,185,192)
```
#45aec0
```
#45aec0 rgb(69,174,192)
```
#45a4c0
```
#45a4c0 rgb(69,164,192)
```
#459ac0
```
#459ac0 rgb(69,154,192)
```
#4590c0
```
#4590c0 rgb(69,144,192)
```
#4585c0
```
#4585c0 rgb(69,133,192)
```

Similar Colors

Text with hexadecimal color #45a4c0

This text has a font color of #45a4c0.

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

#45a4c0 background color

This paragraph has a background color of #45a4c0.

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

#45a4c0 border color

This element has a border color of #45a4c0.

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

CSS codes

.text {color:#45a4c0;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#061013
```
#061013 rgb(6,16,19)
```
#0b1d22
```
#0b1d22 rgb(11,29,34)
```
#102930
```
#102930 rgb(16,41,48)
```
#15363f
```
#15363f rgb(21,54,63)
```
#1a424e
```
#1a424e rgb(26,66,78)
```
#1f4e5c
```
#1f4e5c rgb(31,78,92)
```
#245b6b
```
#245b6b rgb(36,91,107)
```
#29677a
```
#29677a rgb(41,103,122)
```
#2e7488
```
#2e7488 rgb(46,116,136)
```
#338097
```
#338097 rgb(51,128,151)
```
#388da6
```
#388da6 rgb(56,141,166)
```
#3d99b4
```
#3d99b4 rgb(61,153,180)
```

Shade Color Variation

#45a4c0
```
#45a4c0 rgb(69,164,192)
```
#54abc5
```
#54abc5 rgb(84,171,197)
```
#62b2ca
```
#62b2ca rgb(98,178,202)
```
#71bacf
```
#71bacf rgb(113,186,207)
```
#80c1d4
```
#80c1d4 rgb(128,193,212)
```
#8ec8d9
```
#8ec8d9 rgb(142,200,217)
```
#9dcfde
```
#9dcfde rgb(157,207,222)
```
#acd6e3
```
#acd6e3 rgb(172,214,227)
```
#badde8
```
#badde8 rgb(186,221,232)
```
#c9e5ed
```
#c9e5ed rgb(201,229,237)
```
#d8ecf2
```
#d8ecf2 rgb(216,236,242)
```
#e6f3f7
```
#e6f3f7 rgb(230,243,247)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

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

#7e8587
```
#7e8587 rgb(126,133,135)
```
#758a90
```
#758a90 rgb(117,138,144)
```
#6b8f9a
```
#6b8f9a rgb(107,143,154)
```
#6294a3
```
#6294a3 rgb(98,148,163)
```
#589aad
```
#589aad rgb(88,154,173)
```
#4f9fb6
```
#4f9fb6 rgb(79,159,182)
```
#45a4c0
```
#45a4c0 rgb(69,164,192)
```
#3ba9ca
```
#3ba9ca rgb(59,169,202)
```
#32aed3
```
#32aed3 rgb(50,174,211)
```
#28b4dd
```
#28b4dd rgb(40,180,221)
```
#1fb9e6
```
#1fb9e6 rgb(31,185,230)
```
#15bef0
```
#15bef0 rgb(21,190,240)
```
#0cc3f9
```
#0cc3f9 rgb(12,195,249)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7d9096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969cbb Protanopia 1% of men
#949bc8 Deuteranopia 1% of men
#47aab7 Tritanopia 0.001% of the population

Trichromacy

#789fbd Protanomaly 1% of men, 0.01% of women
#779ec5 Deuteranomaly 6% of men, 0.4% of women
#46a8ba Tritanomaly 0.01% of the population