#45a8cf hex color

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

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

● #45a8cf color description : Moderate blue.

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

Hex triplet	45a8cf	`#45a8cf`
RGB Decimal	69, 168, 207	`rgb(69,168,207)`
RGB Percent	27.1, 65.9, 81.2	`rgb(27.1%,65.9%,81.2%)`
CMYK	67, 19, 0, 19
HSL	197°, 59, 54.1	`hsl(197,59%,54.1%)`
HSV (or HSB)	197°, 66.7, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.782, -16.633, -28.33
XYZ	27.716, 33.773, 64.086
xyY	0.221, 0.269, 33.773
CIE-LCH	64.782, 32.852, 239.581
CIE-LUV	64.782, -38.111, -42.1
Hunter-Lab	58.115, -16.57, -24.702
Binary	01000101, 10101000, 11001111

#45a8cf
```
#45a8cf rgb(69,168,207)
```
#cf6c45
```
#cf6c45 rgb(207,108,69)
```

Complementary Color

#45cfb1
```
#45cfb1 rgb(69,207,177)
```
#45a8cf
```
#45a8cf rgb(69,168,207)
```
#4563cf
```
#4563cf rgb(69,99,207)
```

Analogous Color

#cfb145
```
#cfb145 rgb(207,177,69)
```
#45a8cf
```
#45a8cf rgb(69,168,207)
```
#cf4563
```
#cf4563 rgb(207,69,99)
```

Split Complementary Color

#a8cf45
```
#a8cf45 rgb(168,207,69)
```
#45a8cf
```
#45a8cf rgb(69,168,207)
```
#cf45a8
```
#cf45a8 rgb(207,69,168)
```

Triadic Color

#45cf6c
```
#45cf6c rgb(69,207,108)
```
#45a8cf
```
#45a8cf rgb(69,168,207)
```
#cf45a8
```
#cf45a8 rgb(207,69,168)
```
#cf6c45
```
#cf6c45 rgb(207,108,69)
```

Tetradic Color

#297d9f
```
#297d9f rgb(41,125,159)
```
#2e8db3
```
#2e8db3 rgb(46,141,179)
```
#339dc7
```
#339dc7 rgb(51,157,199)
```
#45a8cf
```
#45a8cf rgb(69,168,207)
```
#59b1d4
```
#59b1d4 rgb(89,177,212)
```
#6ebbd9
```
#6ebbd9 rgb(110,187,217)
```
#82c4df
```
#82c4df rgb(130,196,223)
```

Monochromatic Color

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

#45cbcf
```
#45cbcf rgb(69,203,207)
```
#45bfcf
```
#45bfcf rgb(69,191,207)
```
#45b4cf
```
#45b4cf rgb(69,180,207)
```
#45a8cf
```
#45a8cf rgb(69,168,207)
```
#459dcf
```
#459dcf rgb(69,157,207)
```
#4591cf
```
#4591cf rgb(69,145,207)
```
#4586cf
```
#4586cf rgb(69,134,207)
```

Similar Colors

Text with hexadecimal color #45a8cf

This text has a font color of #45a8cf.

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

#45a8cf background color

This paragraph has a background color of #45a8cf.

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

#45a8cf border color

This element has a border color of #45a8cf.

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

CSS codes

.text {color:#45a8cf;}

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

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

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)
```
#081a20
```
#081a20 rgb(8,26,32)
```
#0c2630
```
#0c2630 rgb(12,38,48)
```
#10323f
```
#10323f rgb(16,50,63)
```
#143e4f
```
#143e4f rgb(20,62,79)
```
#184b5f
```
#184b5f rgb(24,75,95)
```
#1c576e
```
#1c576e rgb(28,87,110)
```
#20637e
```
#20637e rgb(32,99,126)
```
#24708d
```
#24708d rgb(36,112,141)
```
#297c9d
```
#297c9d rgb(41,124,157)
```
#2d88ad
```
#2d88ad rgb(45,136,173)
```
#3195bc
```
#3195bc rgb(49,149,188)
```

Shade Color Variation

#35a1cb
```
#35a1cb rgb(53,161,203)
```
#45a8cf
```
#45a8cf rgb(69,168,207)
```
#55afd3
```
#55afd3 rgb(85,175,211)
```
#64b7d7
```
#64b7d7 rgb(100,183,215)
```
#74bedb
```
#74bedb rgb(116,190,219)
```
#83c5df
```
#83c5df rgb(131,197,223)
```
#93cce3
```
#93cce3 rgb(147,204,227)
```
#a3d4e7
```
#a3d4e7 rgb(163,212,231)
```
#b2dbeb
```
#b2dbeb rgb(178,219,235)
```
#c2e2ef
```
#c2e2ef rgb(194,226,239)
```
#d1eaf3
```
#d1eaf3 rgb(209,234,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, #848d90 is the less saturated color, while #18bcfc is the most saturated one.

#848d90
```
#848d90 rgb(132,141,144)
```
#7b9199
```
#7b9199 rgb(123,145,153)
```
#7294a2
```
#7294a2 rgb(114,148,162)
```
#6998ab
```
#6998ab rgb(105,152,171)
```
#609cb4
```
#609cb4 rgb(96,156,180)
```
#57a0bd
```
#57a0bd rgb(87,160,189)
```
#4ea4c6
```
#4ea4c6 rgb(78,164,198)
```
#45a8cf
```
#45a8cf rgb(69,168,207)
```
#3cacd8
```
#3cacd8 rgb(60,172,216)
```
#33b0e1
```
#33b0e1 rgb(51,176,225)
```
#2ab4ea
```
#2ab4ea rgb(42,180,234)
```
#21b8f3
```
#21b8f3 rgb(33,184,243)
```
#18bcfc
```
#18bcfc rgb(24,188,252)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#80949c Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a0c9 Protanopia 1% of men
#91a0d6 Deuteranopia 1% of men
#3fb0bd Tritanopia 0.001% of the population

Trichromacy

#79a3cb Protanomaly 1% of men, 0.01% of women
#75a3d3 Deuteranomaly 6% of men, 0.4% of women
#41adc3 Tritanomaly 0.01% of the population

#45a8cf hex color

#45a8cf Color Information

#45a8cf Color Conversion

Color Schemes with #45a8cf

Alternatives to #45a8cf

#45a8cf Preview

Shades and Tints of #45a8cf

Tones of #45a8cf

Color Blindness Simulator