#45dcf8 hex color

In a RGB color space, hex #45dcf8 is composed of 27.1% red, 86.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 11.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 189.4 degrees, a saturation of 92.7% and a lightness of 62.2%. #45dcf8 color hex could be obtained by blending #8affff with #00b9f1. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 86
- B 97
RGB color chart
- C 72
- M 11
- Y 0
- K 3
CMYK color chart

● #45dcf8 color description : Bright cyan.

The hexadecimal color #45dcf8 has RGB values of R:69, G:220, B:248 and CMYK values of C:0.72, M:0.11, Y:0, K:0.03. Its decimal value is 4578552.

Hex triplet	45dcf8	`#45dcf8`
RGB Decimal	69, 220, 248	`rgb(69,220,248)`
RGB Percent	27.1, 86.3, 97.3	`rgb(27.1%,86.3%,97.3%)`
CMYK	72, 11, 0, 3
HSL	189.4°, 92.7, 62.2	`hsl(189.4,92.7%,62.2%)`
HSV (or HSB)	189.4°, 72.2, 97.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.415, -30.235, -25.054
XYZ	44.986, 59.225, 97.862
xyY	0.223, 0.293, 59.225
CIE-LCH	81.415, 39.267, 219.646
CIE-LUV	81.415, -54.169, -35.885
Hunter-Lab	76.958, -30.333, -21.525
Binary	01000101, 11011100, 11111000

#45dcf8
```
#45dcf8 rgb(69,220,248)
```
#f86145
```
#f86145 rgb(248,97,69)
```

Complementary Color

#45f8bb
```
#45f8bb rgb(69,248,187)
```
#45dcf8
```
#45dcf8 rgb(69,220,248)
```
#4583f8
```
#4583f8 rgb(69,131,248)
```

Analogous Color

#f8bb45
```
#f8bb45 rgb(248,187,69)
```
#45dcf8
```
#45dcf8 rgb(69,220,248)
```
#f84583
```
#f84583 rgb(248,69,131)
```

Split Complementary Color

#dcf845
```
#dcf845 rgb(220,248,69)
```
#45dcf8
```
#45dcf8 rgb(69,220,248)
```
#f845dc
```
#f845dc rgb(248,69,220)
```

Triadic Color

#45f861
```
#45f861 rgb(69,248,97)
```
#45dcf8
```
#45dcf8 rgb(69,220,248)
```
#f845dc
```
#f845dc rgb(248,69,220)
```
#f86145
```
#f86145 rgb(248,97,69)
```

Tetradic Color

#09c5e8
```
#09c5e8 rgb(9,197,232)
```
#14d3f6
```
#14d3f6 rgb(20,211,246)
```
#2cd7f7
```
#2cd7f7 rgb(44,215,247)
```
#45dcf8
```
#45dcf8 rgb(69,220,248)
```
#5ee1f9
```
#5ee1f9 rgb(94,225,249)
```
#76e5fa
```
#76e5fa rgb(118,229,250)
```
#8feafb
```
#8feafb rgb(143,234,251)
```

Monochromatic Color

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

#45f8e7
```
#45f8e7 rgb(69,248,231)
```
#45f8f6
```
#45f8f6 rgb(69,248,246)
```
#45ebf8
```
#45ebf8 rgb(69,235,248)
```
#45dcf8
```
#45dcf8 rgb(69,220,248)
```
#45cdf8
```
#45cdf8 rgb(69,205,248)
```
#45bef8
```
#45bef8 rgb(69,190,248)
```
#45aff8
```
#45aff8 rgb(69,175,248)
```

Similar Colors

Text with hexadecimal color #45dcf8

This text has a font color of #45dcf8.

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

#45dcf8 background color

This paragraph has a background color of #45dcf8.

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

#45dcf8 border color

This element has a border color of #45dcf8.

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

CSS codes

.text {color:#45dcf8;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#011316
```
#011316 rgb(1,19,22)
```
#022329
```
#022329 rgb(2,35,41)
```
#02333c
```
#02333c rgb(2,51,60)
```
#03434f
```
#03434f rgb(3,67,79)
```
#045362
```
#045362 rgb(4,83,98)
```
#046374
```
#046374 rgb(4,99,116)
```
#057387
```
#057387 rgb(5,115,135)
```
#06839a
```
#06839a rgb(6,131,154)
```
#0793ad
```
#0793ad rgb(7,147,173)
```
#07a3c0
```
#07a3c0 rgb(7,163,192)
```
#08b3d3
```
#08b3d3 rgb(8,179,211)
```
#09c3e6
```
#09c3e6 rgb(9,195,230)
```

Shade Color Variation

#0cd1f6
```
#0cd1f6 rgb(12,209,246)
```
#1fd5f7
```
#1fd5f7 rgb(31,213,247)
```
#32d8f7
```
#32d8f7 rgb(50,216,247)
```
#45dcf8
```
#45dcf8 rgb(69,220,248)
```
#58e0f9
```
#58e0f9 rgb(88,224,249)
```
#6be3f9
```
#6be3f9 rgb(107,227,249)
```
#7ee7fa
```
#7ee7fa rgb(126,231,250)
```
#91eafb
```
#91eafb rgb(145,234,251)
```
#a4eefc
```
#a4eefc rgb(164,238,252)
```
#b6f1fc
```
#b6f1fc rgb(182,241,252)
```
#c9f5fd
```
#c9f5fd rgb(201,245,253)
```
#dcf8fe
```
#dcf8fe rgb(220,248,254)
```
#effcfe
```
#effcfe rgb(239,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9e9f9f is the less saturated color, while #45dcf8 is the most saturated one.

#9e9f9f
```
#9e9f9f rgb(158,159,159)
```
#97a4a6
```
#97a4a6 rgb(151,164,166)
```
#8fa9ae
```
#8fa9ae rgb(143,169,174)
```
#88aeb5
```
#88aeb5 rgb(136,174,181)
```
#80b3bd
```
#80b3bd rgb(128,179,189)
```
#79b8c4
```
#79b8c4 rgb(121,184,196)
```
#72bdcb
```
#72bdcb rgb(114,189,203)
```
#6ac2d3
```
#6ac2d3 rgb(106,194,211)
```
#63c8da
```
#63c8da rgb(99,200,218)
```
#5bcde2
```
#5bcde2 rgb(91,205,226)
```
#54d2e9
```
#54d2e9 rgb(84,210,233)
```
#4cd7f1
```
#4cd7f1 rgb(76,215,241)
```
#45dcf8
```
#45dcf8 rgb(69,220,248)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9cbac0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cbec Protanopia 1% of men
#c3c9ff Deuteranopia 1% of men
#46dfef Tritanopia 0.001% of the population

Trichromacy

#97d1f0 Protanomaly 1% of men, 0.01% of women
#95d0fc Deuteranomaly 6% of men, 0.4% of women
#46def2 Tritanomaly 0.01% of the population

#45dcf8 hex color

#45dcf8 Color Information

#45dcf8 Color Conversion

Color Schemes with #45dcf8

Alternatives to #45dcf8

#45dcf8 Preview

Shades and Tints of #45dcf8

Tones of #45dcf8

Color Blindness Simulator