#45a0cf hex color

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

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

● #45a0cf color description : Moderate blue.

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

Hex triplet	45a0cf	`#45a0cf`
RGB Decimal	69, 160, 207	`rgb(69,160,207)`
RGB Percent	27.1, 62.7, 81.2	`rgb(27.1%,62.7%,81.2%)`
CMYK	67, 23, 0, 19
HSL	200.4°, 59, 54.1	`hsl(200.4,59%,54.1%)`
HSV (or HSB)	200.4°, 66.7, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.431, -12.311, -31.966
XYZ	26.285, 30.91, 63.609
xyY	0.218, 0.256, 30.91
CIE-LCH	62.431, 34.254, 248.937
CIE-LUV	62.431, -35.221, -48.447
Hunter-Lab	55.597, -12.904, -28.917
Binary	01000101, 10100000, 11001111

#45a0cf
```
#45a0cf rgb(69,160,207)
```
#cf7445
```
#cf7445 rgb(207,116,69)
```

Complementary Color

#45cfb9
```
#45cfb9 rgb(69,207,185)
```
#45a0cf
```
#45a0cf rgb(69,160,207)
```
#455bcf
```
#455bcf rgb(69,91,207)
```

Analogous Color

#cfb945
```
#cfb945 rgb(207,185,69)
```
#45a0cf
```
#45a0cf rgb(69,160,207)
```
#cf455b
```
#cf455b rgb(207,69,91)
```

Split Complementary Color

#a0cf45
```
#a0cf45 rgb(160,207,69)
```
#45a0cf
```
#45a0cf rgb(69,160,207)
```
#cf45a0
```
#cf45a0 rgb(207,69,160)
```

Triadic Color

#45cf74
```
#45cf74 rgb(69,207,116)
```
#45a0cf
```
#45a0cf rgb(69,160,207)
```
#cf45a0
```
#cf45a0 rgb(207,69,160)
```
#cf7445
```
#cf7445 rgb(207,116,69)
```

Tetradic Color

#29779f
```
#29779f rgb(41,119,159)
```
#2e86b3
```
#2e86b3 rgb(46,134,179)
```
#3395c7
```
#3395c7 rgb(51,149,199)
```
#45a0cf
```
#45a0cf rgb(69,160,207)
```
#59aad4
```
#59aad4 rgb(89,170,212)
```
#6eb5d9
```
#6eb5d9 rgb(110,181,217)
```
#82bfdf
```
#82bfdf rgb(130,191,223)
```

Monochromatic Color

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

#45c3cf
```
#45c3cf rgb(69,195,207)
```
#45b7cf
```
#45b7cf rgb(69,183,207)
```
#45accf
```
#45accf rgb(69,172,207)
```
#45a0cf
```
#45a0cf rgb(69,160,207)
```
#4595cf
```
#4595cf rgb(69,149,207)
```
#4589cf
```
#4589cf rgb(69,137,207)
```
#457ecf
```
#457ecf rgb(69,126,207)
```

Similar Colors

Text with hexadecimal color #45a0cf

This text has a font color of #45a0cf.

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

#45a0cf background color

This paragraph has a background color of #45a0cf.

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

#45a0cf border color

This element has a border color of #45a0cf.

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

CSS codes

.text {color:#45a0cf;}

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

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

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)
```
#040c11
```
#040c11 rgb(4,12,17)
```
#081820
```
#081820 rgb(8,24,32)
```
#0c2430
```
#0c2430 rgb(12,36,48)
```
#102f3f
```
#102f3f rgb(16,47,63)
```
#143b4f
```
#143b4f rgb(20,59,79)
```
#18475f
```
#18475f rgb(24,71,95)
```
#1c526e
```
#1c526e rgb(28,82,110)
```
#205e7e
```
#205e7e rgb(32,94,126)
```
#246a8d
```
#246a8d rgb(36,106,141)
```
#29759d
```
#29759d rgb(41,117,157)
```
#2d81ad
```
#2d81ad rgb(45,129,173)
```
#318dbc
```
#318dbc rgb(49,141,188)
```

Shade Color Variation

#3598cb
```
#3598cb rgb(53,152,203)
```
#45a0cf
```
#45a0cf rgb(69,160,207)
```
#55a8d3
```
#55a8d3 rgb(85,168,211)
```
#64b0d7
```
#64b0d7 rgb(100,176,215)
```
#74b8db
```
#74b8db rgb(116,184,219)
```
#83c0df
```
#83c0df rgb(131,192,223)
```
#93c8e3
```
#93c8e3 rgb(147,200,227)
```
#a3d0e7
```
#a3d0e7 rgb(163,208,231)
```
#b2d8eb
```
#b2d8eb rgb(178,216,235)
```
#c2e0ef
```
#c2e0ef rgb(194,224,239)
```
#d1e8f3
```
#d1e8f3 rgb(209,232,243)
```
#e1f0f7
```
#e1f0f7 rgb(225,240,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 #18aefc is the most saturated one.

#848c90
```
#848c90 rgb(132,140,144)
```
#7b8f99
```
#7b8f99 rgb(123,143,153)
```
#7292a2
```
#7292a2 rgb(114,146,162)
```
#6995ab
```
#6995ab rgb(105,149,171)
```
#6097b4
```
#6097b4 rgb(96,151,180)
```
#579abd
```
#579abd rgb(87,154,189)
```
#4e9dc6
```
#4e9dc6 rgb(78,157,198)
```
#45a0cf
```
#45a0cf rgb(69,160,207)
```
#3ca3d8
```
#3ca3d8 rgb(60,163,216)
```
#33a6e1
```
#33a6e1 rgb(51,166,225)
```
#2aa9ea
```
#2aa9ea rgb(42,169,234)
```
#21abf3
```
#21abf3 rgb(33,171,243)
```
#18aefc
```
#18aefc rgb(24,174,252)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#7c8e98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9aca Protanopia 1% of men
#869ad5 Deuteranopia 1% of men
#3aaab6 Tritanopia 0.001% of the population

Trichromacy

#739ccc Protanomaly 1% of men, 0.01% of women
#6e9cd3 Deuteranomaly 6% of men, 0.4% of women
#3ea6bf Tritanomaly 0.01% of the population

#45a0cf hex color

#45a0cf Color Information

#45a0cf Color Conversion

Color Schemes with #45a0cf

Alternatives to #45a0cf

#45a0cf Preview

Shades and Tints of #45a0cf

Tones of #45a0cf

Color Blindness Simulator