#45a6cf hex color

In a RGB color space, hex #45a6cf is composed of 27.1% red, 65.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 19.8% magenta, 0% yellow and 18.8% black. It has a hue angle of 197.8 degrees, a saturation of 59% and a lightness of 54.1%. #45a6cf color hex could be obtained by blending #8affff with #004d9f. Closest websafe color is: #3399cc.

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

● #45a6cf color description : Moderate blue.

The hexadecimal color #45a6cf has RGB values of R:69, G:166, B:207 and CMYK values of C:0.67, M:0.2, Y:0, K:0.19. Its decimal value is 4564687.

Hex triplet	45a6cf	`#45a6cf`
RGB Decimal	69, 166, 207	`rgb(69,166,207)`
RGB Percent	27.1, 65.1, 81.2	`rgb(27.1%,65.1%,81.2%)`
CMYK	67, 20, 0, 19
HSL	197.8°, 59, 54.1	`hsl(197.8,59%,54.1%)`
HSV (or HSB)	197.8°, 66.7, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.194, -15.564, -29.238
XYZ	27.35, 33.04, 63.964
xyY	0.22, 0.266, 33.04
CIE-LCH	64.194, 33.122, 241.972
CIE-LUV	64.194, -37.387, -43.691
Hunter-Lab	57.481, -15.659, -25.741
Binary	01000101, 10100110, 11001111

#45a6cf
```
#45a6cf rgb(69,166,207)
```
#cf6e45
```
#cf6e45 rgb(207,110,69)
```

Complementary Color

#45cfb3
```
#45cfb3 rgb(69,207,179)
```
#45a6cf
```
#45a6cf rgb(69,166,207)
```
#4561cf
```
#4561cf rgb(69,97,207)
```

Analogous Color

#cfb345
```
#cfb345 rgb(207,179,69)
```
#45a6cf
```
#45a6cf rgb(69,166,207)
```
#cf4561
```
#cf4561 rgb(207,69,97)
```

Split Complementary Color

#a6cf45
```
#a6cf45 rgb(166,207,69)
```
#45a6cf
```
#45a6cf rgb(69,166,207)
```
#cf45a6
```
#cf45a6 rgb(207,69,166)
```

Triadic Color

#45cf6e
```
#45cf6e rgb(69,207,110)
```
#45a6cf
```
#45a6cf rgb(69,166,207)
```
#cf45a6
```
#cf45a6 rgb(207,69,166)
```
#cf6e45
```
#cf6e45 rgb(207,110,69)
```

Tetradic Color

#297c9f
```
#297c9f rgb(41,124,159)
```
#2e8bb3
```
#2e8bb3 rgb(46,139,179)
```
#339bc7
```
#339bc7 rgb(51,155,199)
```
#45a6cf
```
#45a6cf rgb(69,166,207)
```
#59b0d4
```
#59b0d4 rgb(89,176,212)
```
#6eb9d9
```
#6eb9d9 rgb(110,185,217)
```
#82c3df
```
#82c3df rgb(130,195,223)
```

Monochromatic Color

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

#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)
```
#458fcf
```
#458fcf rgb(69,143,207)
```
#4584cf
```
#4584cf rgb(69,132,207)
```

Similar Colors

Text with hexadecimal color #45a6cf

This text has a font color of #45a6cf.

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

#45a6cf background color

This paragraph has a background color of #45a6cf.

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

#45a6cf border color

This element has a border color of #45a6cf.

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

CSS codes

.text {color:#45a6cf;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040d11
```
#040d11 rgb(4,13,17)
```
#081920
```
#081920 rgb(8,25,32)
```
#0c2530
```
#0c2530 rgb(12,37,48)
```
#10313f
```
#10313f rgb(16,49,63)
```
#143e4f
```
#143e4f rgb(20,62,79)
```
#184a5f
```
#184a5f rgb(24,74,95)
```
#1c566e
```
#1c566e rgb(28,86,110)
```
#20627e
```
#20627e rgb(32,98,126)
```
#246e8d
```
#246e8d rgb(36,110,141)
```
#297a9d
```
#297a9d rgb(41,122,157)
```
#2d87ad
```
#2d87ad rgb(45,135,173)
```
#3193bc
```
#3193bc rgb(49,147,188)
```

Shade Color Variation

#359fcb
```
#359fcb rgb(53,159,203)
```
#45a6cf
```
#45a6cf rgb(69,166,207)
```
#55add3
```
#55add3 rgb(85,173,211)
```
#64b5d7
```
#64b5d7 rgb(100,181,215)
```
#74bcdb
```
#74bcdb rgb(116,188,219)
```
#83c4df
```
#83c4df rgb(131,196,223)
```
#93cbe3
```
#93cbe3 rgb(147,203,227)
```
#a3d3e7
```
#a3d3e7 rgb(163,211,231)
```
#b2daeb
```
#b2daeb rgb(178,218,235)
```
#c2e2ef
```
#c2e2ef rgb(194,226,239)
```
#d1e9f3
```
#d1e9f3 rgb(209,233,243)
```
#e1f1f7
```
#e1f1f7 rgb(225,241,247)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

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

#848c90
```
#848c90 rgb(132,140,144)
```
#7b9099
```
#7b9099 rgb(123,144,153)
```
#7294a2
```
#7294a2 rgb(114,148,162)
```
#6997ab
```
#6997ab rgb(105,151,171)
```
#609bb4
```
#609bb4 rgb(96,155,180)
```
#579fbd
```
#579fbd rgb(87,159,189)
```
#4ea2c6
```
#4ea2c6 rgb(78,162,198)
```
#45a6cf
```
#45a6cf rgb(69,166,207)
```
#3caad8
```
#3caad8 rgb(60,170,216)
```
#33ade1
```
#33ade1 rgb(51,173,225)
```
#2ab1ea
```
#2ab1ea rgb(42,177,234)
```
#21b5f3
```
#21b5f3 rgb(33,181,243)
```
#18b8fc
```
#18b8fc rgb(24,184,252)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7f939b Atypical Achromatopsia 0.001% of the population

Dichromacy

#959fc9 Protanopia 1% of men
#8f9ed6 Deuteranopia 1% of men
#3eaebb Tritanopia 0.001% of the population

Trichromacy

#77a1cb Protanomaly 1% of men, 0.01% of women
#74a1d3 Deuteranomaly 6% of men, 0.4% of women
#40abc2 Tritanomaly 0.01% of the population

#45a6cf hex color

#45a6cf Color Information

#45a6cf Color Conversion

Color Schemes with #45a6cf

Alternatives to #45a6cf

#45a6cf Preview

Shades and Tints of #45a6cf

Tones of #45a6cf

Color Blindness Simulator