#45d5fa hex color

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

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

● #45d5fa color description : Bright cyan.

The hexadecimal color #45d5fa has RGB values of R:69, G:213, B:250 and CMYK values of C:0.72, M:0.15, Y:0, K:0.02. Its decimal value is 4576762.

Hex triplet	45d5fa	`#45d5fa`
RGB Decimal	69, 213, 250	`rgb(69,213,250)`
RGB Percent	27.1, 83.5, 98	`rgb(27.1%,83.5%,98%)`
CMYK	72, 15, 0, 2
HSL	192.3°, 94.8, 62.5	`hsl(192.3,94.8%,62.5%)`
HSV (or HSB)	192.3°, 72.4, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.472, -26.203, -29.087
XYZ	43.499, 55.752, 98.906
xyY	0.22, 0.281, 55.752
CIE-LCH	79.472, 39.149, 227.986
CIE-LUV	79.472, -51.601, -43.23
Hunter-Lab	74.667, -26.678, -26.27
Binary	01000101, 11010101, 11111010

#45d5fa
```
#45d5fa rgb(69,213,250)
```
#fa6a45
```
#fa6a45 rgb(250,106,69)
```

Complementary Color

#45fac5
```
#45fac5 rgb(69,250,197)
```
#45d5fa
```
#45d5fa rgb(69,213,250)
```
#457bfa
```
#457bfa rgb(69,123,250)
```

Analogous Color

#fac545
```
#fac545 rgb(250,197,69)
```
#45d5fa
```
#45d5fa rgb(69,213,250)
```
#fa457b
```
#fa457b rgb(250,69,123)
```

Split Complementary Color

#d5fa45
```
#d5fa45 rgb(213,250,69)
```
#45d5fa
```
#45d5fa rgb(69,213,250)
```
#fa45d5
```
#fa45d5 rgb(250,69,213)
```

Triadic Color

#45fa6a
```
#45fa6a rgb(69,250,106)
```
#45d5fa
```
#45d5fa rgb(69,213,250)
```
#fa45d5
```
#fa45d5 rgb(250,69,213)
```
#fa6a45
```
#fa6a45 rgb(250,106,69)
```

Tetradic Color

#06bdec
```
#06bdec rgb(6,189,236)
```
#13caf9
```
#13caf9 rgb(19,202,249)
```
#2ccff9
```
#2ccff9 rgb(44,207,249)
```
#45d5fa
```
#45d5fa rgb(69,213,250)
```
#5edbfb
```
#5edbfb rgb(94,219,251)
```
#77e0fb
```
#77e0fb rgb(119,224,251)
```
#8fe6fc
```
#8fe6fc rgb(143,230,252)
```

Monochromatic Color

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

#45faf2
```
#45faf2 rgb(69,250,242)
```
#45f3fa
```
#45f3fa rgb(69,243,250)
```
#45e4fa
```
#45e4fa rgb(69,228,250)
```
#45d5fa
```
#45d5fa rgb(69,213,250)
```
#45c6fa
```
#45c6fa rgb(69,198,250)
```
#45b7fa
```
#45b7fa rgb(69,183,250)
```
#45a8fa
```
#45a8fa rgb(69,168,250)
```

Similar Colors

Text with hexadecimal color #45d5fa

This text has a font color of #45d5fa.

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

#45d5fa background color

This paragraph has a background color of #45d5fa.

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

#45d5fa border color

This element has a border color of #45d5fa.

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

CSS codes

.text {color:#45d5fa;}

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

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

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)
```
#011318
```
#011318 rgb(1,19,24)
```
#01232b
```
#01232b rgb(1,35,43)
```
#02323e
```
#02323e rgb(2,50,62)
```
#024151
```
#024151 rgb(2,65,81)
```
#035165
```
#035165 rgb(3,81,101)
```
#036078
```
#036078 rgb(3,96,120)
```
#046f8b
```
#046f8b rgb(4,111,139)
```
#047e9e
```
#047e9e rgb(4,126,158)
```
#058eb1
```
#058eb1 rgb(5,142,177)
```
#059dc4
```
#059dc4 rgb(5,157,196)
```
#06acd7
```
#06acd7 rgb(6,172,215)
```
#06bcea
```
#06bcea rgb(6,188,234)
```

Shade Color Variation

#0cc8f8
```
#0cc8f8 rgb(12,200,248)
```
#1fccf9
```
#1fccf9 rgb(31,204,249)
```
#32d1f9
```
#32d1f9 rgb(50,209,249)
```
#45d5fa
```
#45d5fa rgb(69,213,250)
```
#58d9fb
```
#58d9fb rgb(88,217,251)
```
#6bdefb
```
#6bdefb rgb(107,222,251)
```
#7ee2fc
```
#7ee2fc rgb(126,226,252)
```
#91e6fc
```
#91e6fc rgb(145,230,252)
```
#a5ebfd
```
#a5ebfd rgb(165,235,253)
```
#b8effd
```
#b8effd rgb(184,239,253)
```
#cbf3fe
```
#cbf3fe rgb(203,243,254)
```
#def8fe
```
#def8fe rgb(222,248,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 #45d5fa is the most saturated one.

#9da1a2
```
#9da1a2 rgb(157,161,162)
```
#96a5a9
```
#96a5a9 rgb(150,165,169)
```
#8eaab1
```
#8eaab1 rgb(142,170,177)
```
#87aeb8
```
#87aeb8 rgb(135,174,184)
```
#80b2bf
```
#80b2bf rgb(128,178,191)
```
#78b7c7
```
#78b7c7 rgb(120,183,199)
```
#71bbce
```
#71bbce rgb(113,187,206)
```
#6abfd5
```
#6abfd5 rgb(106,191,213)
```
#62c4dd
```
#62c4dd rgb(98,196,221)
```
#5bc8e4
```
#5bc8e4 rgb(91,200,228)
```
#54cceb
```
#54cceb rgb(84,204,235)
```
#4cd1f3
```
#4cd1f3 rgb(76,209,243)
```
#45d5fa
```
#45d5fa rgb(69,213,250)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#99b6bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec6ef Protanopia 1% of men
#b9c5ff Deuteranopia 1% of men
#3edaea Tritanopia 0.001% of the population

Trichromacy

#92cbf3 Protanomaly 1% of men, 0.01% of women
#8fcafd Deuteranomaly 6% of men, 0.4% of women
#41d8ef Tritanomaly 0.01% of the population

#45d5fa hex color

#45d5fa Color Information

#45d5fa Color Conversion

Color Schemes with #45d5fa

Alternatives to #45d5fa

#45d5fa Preview

Shades and Tints of #45d5fa

Tones of #45d5fa

Color Blindness Simulator