#45dcfa hex color

In a RGB color space, hex #45dcfa is composed of 27.1% red, 86.3% green and 98% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 12% magenta, 0% yellow and 2% black. It has a hue angle of 189.9 degrees, a saturation of 94.8% and a lightness of 62.5%. #45dcfa color hex could be obtained by blending #8affff with #00b9f5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 86
- B 98
RGB color chart
- C 72
- M 12
- Y 0
- K 2
CMYK color chart

● #45dcfa color description : Bright cyan.

The hexadecimal color #45dcfa has RGB values of R:69, G:220, B:250 and CMYK values of C:0.72, M:0.12, Y:0, K:0.02. Its decimal value is 4578554.

Hex triplet	45dcfa	`#45dcfa`
RGB Decimal	69, 220, 250	`rgb(69,220,250)`
RGB Percent	27.1, 86.3, 98	`rgb(27.1%,86.3%,98%)`
CMYK	72, 12, 0, 2
HSL	189.9°, 94.8, 62.5	`hsl(189.9,94.8%,62.5%)`
HSV (or HSB)	189.9°, 72.4, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.483, -29.631, -26.01
XYZ	45.298, 59.35, 99.506
xyY	0.222, 0.291, 59.35
CIE-LCH	81.483, 39.428, 221.277
CIE-LUV	81.483, -54.038, -37.604
Hunter-Lab	77.039, -29.862, -22.654
Binary	01000101, 11011100, 11111010

#45dcfa
```
#45dcfa rgb(69,220,250)
```
#fa6345
```
#fa6345 rgb(250,99,69)
```

Complementary Color

#45fabe
```
#45fabe rgb(69,250,190)
```
#45dcfa
```
#45dcfa rgb(69,220,250)
```
#4582fa
```
#4582fa rgb(69,130,250)
```

Analogous Color

#fabe45
```
#fabe45 rgb(250,190,69)
```
#45dcfa
```
#45dcfa rgb(69,220,250)
```
#fa4582
```
#fa4582 rgb(250,69,130)
```

Split Complementary Color

#dcfa45
```
#dcfa45 rgb(220,250,69)
```
#45dcfa
```
#45dcfa rgb(69,220,250)
```
#fa45dc
```
#fa45dc rgb(250,69,220)
```

Triadic Color

#45fa63
```
#45fa63 rgb(69,250,99)
```
#45dcfa
```
#45dcfa rgb(69,220,250)
```
#fa45dc
```
#fa45dc rgb(250,69,220)
```
#fa6345
```
#fa6345 rgb(250,99,69)
```

Tetradic Color

#06c6ec
```
#06c6ec rgb(6,198,236)
```
#13d3f9
```
#13d3f9 rgb(19,211,249)
```
#2cd7f9
```
#2cd7f9 rgb(44,215,249)
```
#45dcfa
```
#45dcfa rgb(69,220,250)
```
#5ee1fb
```
#5ee1fb rgb(94,225,251)
```
#77e5fb
```
#77e5fb rgb(119,229,251)
```
#8feafc
```
#8feafc rgb(143,234,252)
```

Monochromatic Color

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

#45faeb
```
#45faeb rgb(69,250,235)
```
#45fafa
```
#45fafa rgb(69,250,250)
```
#45ebfa
```
#45ebfa rgb(69,235,250)
```
#45dcfa
```
#45dcfa rgb(69,220,250)
```
#45cdfa
```
#45cdfa rgb(69,205,250)
```
#45befa
```
#45befa rgb(69,190,250)
```
#45affa
```
#45affa rgb(69,175,250)
```

Similar Colors

Text with hexadecimal color #45dcfa

This text has a font color of #45dcfa.

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

#45dcfa background color

This paragraph has a background color of #45dcfa.

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

#45dcfa border color

This element has a border color of #45dcfa.

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

CSS codes

.text {color:#45dcfa;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#011418
```
#011418 rgb(1,20,24)
```
#01242b
```
#01242b rgb(1,36,43)
```
#02343e
```
#02343e rgb(2,52,62)
```
#024451
```
#024451 rgb(2,68,81)
```
#035465
```
#035465 rgb(3,84,101)
```
#036478
```
#036478 rgb(3,100,120)
```
#04748b
```
#04748b rgb(4,116,139)
```
#04849e
```
#04849e rgb(4,132,158)
```
#0594b1
```
#0594b1 rgb(5,148,177)
```
#05a4c4
```
#05a4c4 rgb(5,164,196)
```
#06b4d7
```
#06b4d7 rgb(6,180,215)
```
#06c4ea
```
#06c4ea rgb(6,196,234)
```

Shade Color Variation

#0cd1f8
```
#0cd1f8 rgb(12,209,248)
```
#1fd5f9
```
#1fd5f9 rgb(31,213,249)
```
#32d8f9
```
#32d8f9 rgb(50,216,249)
```
#45dcfa
```
#45dcfa rgb(69,220,250)
```
#58e0fb
```
#58e0fb rgb(88,224,251)
```
#6be3fb
```
#6be3fb rgb(107,227,251)
```
#7ee7fc
```
#7ee7fc rgb(126,231,252)
```
#91eafc
```
#91eafc rgb(145,234,252)
```
#a5eefd
```
#a5eefd rgb(165,238,253)
```
#b8f2fd
```
#b8f2fd rgb(184,242,253)
```
#cbf5fe
```
#cbf5fe rgb(203,245,254)
```
#def9fe
```
#def9fe rgb(222,249,254)
```
#f1fcff
```
#f1fcff rgb(241,252,255)
```

Tint Color Variation

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

#9da1a2
```
#9da1a2 rgb(157,161,162)
```
#96a6a9
```
#96a6a9 rgb(150,166,169)
```
#8eabb1
```
#8eabb1 rgb(142,171,177)
```
#87b0b8
```
#87b0b8 rgb(135,176,184)
```
#80b5bf
```
#80b5bf rgb(128,181,191)
```
#78bac7
```
#78bac7 rgb(120,186,199)
```
#71bfce
```
#71bfce rgb(113,191,206)
```
#6ac3d5
```
#6ac3d5 rgb(106,195,213)
```
#62c8dd
```
#62c8dd rgb(98,200,221)
```
#5bcde4
```
#5bcde4 rgb(91,205,228)
```
#54d2eb
```
#54d2eb rgb(84,210,235)
```
#4cd7f3
```
#4cd7f3 rgb(76,215,243)
```
#45dcfa
```
#45dcfa rgb(69,220,250)
```

Tone Color Variation

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

#c5cbee Protanopia 1% of men
#c3caff Deuteranopia 1% of men
#45dff0 Tritanopia 0.001% of the population

Trichromacy

#96d1f2 Protanomaly 1% of men, 0.01% of women
#95d0fd Deuteranomaly 6% of men, 0.4% of women
#45def3 Tritanomaly 0.01% of the population

#45dcfa hex color

#45dcfa Color Information

#45dcfa Color Conversion

Color Schemes with #45dcfa

Alternatives to #45dcfa

#45dcfa Preview

Shades and Tints of #45dcfa

Tones of #45dcfa

Color Blindness Simulator