#45cffd hex color

In a RGB color space, hex #45cffd is composed of 27.1% red, 81.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 18.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 195 degrees, a saturation of 97.9% and a lightness of 63.1%. #45cffd color hex could be obtained by blending #8affff with #009ffb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 27
- G 81
- B 99
RGB color chart
- C 73
- M 18
- Y 0
- K 1
CMYK color chart

● #45cffd color description : Bright blue.

The hexadecimal color #45cffd has RGB values of R:69, G:207, B:253 and CMYK values of C:0.73, M:0.18, Y:0, K:0.01. Its decimal value is 4575229.

Hex triplet	45cffd	`#45cffd`
RGB Decimal	69, 207, 253	`rgb(69,207,253)`
RGB Percent	27.1, 81.2, 99.2	`rgb(27.1%,81.2%,99.2%)`
CMYK	73, 18, 0, 1
HSL	195°, 97.9, 63.1	`hsl(195,97.9%,63.1%)`
HSV (or HSB)	195°, 72.7, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.863, -22.261, -33.162
XYZ	42.492, 52.979, 100.91
xyY	0.216, 0.27, 52.979
CIE-LCH	77.863, 39.941, 236.127
CIE-LUV	77.863, -49.328, -50.658
Hunter-Lab	72.787, -23.171, -31.248
Binary	01000101, 11001111, 11111101

#45cffd
```
#45cffd rgb(69,207,253)
```
#fd7345
```
#fd7345 rgb(253,115,69)
```

Complementary Color

#45fdcf
```
#45fdcf rgb(69,253,207)
```
#45cffd
```
#45cffd rgb(69,207,253)
```
#4573fd
```
#4573fd rgb(69,115,253)
```

Analogous Color

#fdcf45
```
#fdcf45 rgb(253,207,69)
```
#45cffd
```
#45cffd rgb(69,207,253)
```
#fd4573
```
#fd4573 rgb(253,69,115)
```

Split Complementary Color

#cffd45
```
#cffd45 rgb(207,253,69)
```
#45cffd
```
#45cffd rgb(69,207,253)
```
#fd45cf
```
#fd45cf rgb(253,69,207)
```

Triadic Color

#45fd73
```
#45fd73 rgb(69,253,115)
```
#45cffd
```
#45cffd rgb(69,207,253)
```
#fd45cf
```
#fd45cf rgb(253,69,207)
```
#fd7345
```
#fd7345 rgb(253,115,69)
```

Tetradic Color

#03b7f3
```
#03b7f3 rgb(3,183,243)
```
#13c2fc
```
#13c2fc rgb(19,194,252)
```
#2cc8fd
```
#2cc8fd rgb(44,200,253)
```
#45cffd
```
#45cffd rgb(69,207,253)
```
#5ed6fd
```
#5ed6fd rgb(94,214,253)
```
#77dcfe
```
#77dcfe rgb(119,220,254)
```
#91e3fe
```
#91e3fe rgb(145,227,254)
```

Monochromatic Color

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

#45fdfd
```
#45fdfd rgb(69,253,253)
```
#45eefd
```
#45eefd rgb(69,238,253)
```
#45defd
```
#45defd rgb(69,222,253)
```
#45cffd
```
#45cffd rgb(69,207,253)
```
#45c0fd
```
#45c0fd rgb(69,192,253)
```
#45b0fd
```
#45b0fd rgb(69,176,253)
```
#45a1fd
```
#45a1fd rgb(69,161,253)
```

Similar Colors

Text with hexadecimal color #45cffd

This text has a font color of #45cffd.

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

#45cffd background color

This paragraph has a background color of #45cffd.

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

#45cffd border color

This element has a border color of #45cffd.

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

CSS codes

.text {color:#45cffd;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#00151b
```
#00151b rgb(0,21,27)
```
#01232f
```
#01232f rgb(1,35,47)
```
#013242
```
#013242 rgb(1,50,66)
```
#014156
```
#014156 rgb(1,65,86)
```
#014f69
```
#014f69 rgb(1,79,105)
```
#015e7d
```
#015e7d rgb(1,94,125)
```
#026c90
```
#026c90 rgb(2,108,144)
```
#027ba3
```
#027ba3 rgb(2,123,163)
```
#028ab7
```
#028ab7 rgb(2,138,183)
```
#0298ca
```
#0298ca rgb(2,152,202)
```
#02a7de
```
#02a7de rgb(2,167,222)
```
#03b5f1
```
#03b5f1 rgb(3,181,241)
```

Shade Color Variation

#0bc0fc
```
#0bc0fc rgb(11,192,252)
```
#1ec5fd
```
#1ec5fd rgb(30,197,253)
```
#32cafd
```
#32cafd rgb(50,202,253)
```
#45cffd
```
#45cffd rgb(69,207,253)
```
#58d4fd
```
#58d4fd rgb(88,212,253)
```
#6cd9fd
```
#6cd9fd rgb(108,217,253)
```
#7fdefe
```
#7fdefe rgb(127,222,254)
```
#93e3fe
```
#93e3fe rgb(147,227,254)
```
#a6e8fe
```
#a6e8fe rgb(166,232,254)
```
#b9edfe
```
#b9edfe rgb(185,237,254)
```
#cdf2fe
```
#cdf2fe rgb(205,242,254)
```
#e0f7ff
```
#e0f7ff rgb(224,247,255)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#9ca4a6
```
#9ca4a6 rgb(156,164,166)
```
#95a7ad
```
#95a7ad rgb(149,167,173)
```
#8dabb5
```
#8dabb5 rgb(141,171,181)
```
#86aebc
```
#86aebc rgb(134,174,188)
```
#7fb2c3
```
#7fb2c3 rgb(127,178,195)
```
#78b6ca
```
#78b6ca rgb(120,182,202)
```
#70b9d2
```
#70b9d2 rgb(112,185,210)
```
#69bdd9
```
#69bdd9 rgb(105,189,217)
```
#62c1e0
```
#62c1e0 rgb(98,193,224)
```
#5bc4e7
```
#5bc4e7 rgb(91,196,231)
```
#53c8ef
```
#53c8ef rgb(83,200,239)
```
#4ccbf6
```
#4ccbf6 rgb(76,203,246)
```
#45cffd
```
#45cffd rgb(69,207,253)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#97b2bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c1f2 Protanopia 1% of men
#b1c1ff Deuteranopia 1% of men
#35d5e5 Tritanopia 0.001% of the population

Trichromacy

#8dc6f6 Protanomaly 1% of men, 0.01% of women
#89c6fe Deuteranomaly 6% of men, 0.4% of women
#3bd3ee Tritanomaly 0.01% of the population

#45cffd hex color

#45cffd Color Information

#45cffd Color Conversion

Color Schemes with #45cffd

Alternatives to #45cffd

#45cffd Preview

Shades and Tints of #45cffd

Tones of #45cffd

Color Blindness Simulator