#45afee hex color

In a RGB color space, hex #45afee is composed of 27.1% red, 68.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 26.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 202.4 degrees, a saturation of 83.3% and a lightness of 60.2%. #45afee color hex could be obtained by blending #8affff with #005fdd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 69
- B 93
RGB color chart
- C 71
- M 26
- Y 0
- K 7
CMYK color chart

● #45afee color description : Bright blue.

The hexadecimal color #45afee has RGB values of R:69, G:175, B:238 and CMYK values of C:0.71, M:0.26, Y:0, K:0.07. Its decimal value is 4567022.

Hex triplet	45afee	`#45afee`
RGB Decimal	69, 175, 238	`rgb(69,175,238)`
RGB Percent	27.1, 68.6, 93.3	`rgb(27.1%,68.6%,93.3%)`
CMYK	71, 26, 0, 7
HSL	202.4°, 83.3, 60.2	`hsl(202.4,83.3%,60.2%)`
HSV (or HSB)	202.4°, 71, 93.3
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.091, -10.285, -40.238
XYZ	33.213, 38.096, 86.487
xyY	0.21, 0.241, 38.096
CIE-LCH	68.091, 41.532, 255.662
CIE-LUV	68.091, -39.032, -63.341
Hunter-Lab	61.722, -11.96, -39.875
Binary	01000101, 10101111, 11101110

#45afee
```
#45afee rgb(69,175,238)
```
#ee8445
```
#ee8445 rgb(238,132,69)
```

Complementary Color

#45eed9
```
#45eed9 rgb(69,238,217)
```
#45afee
```
#45afee rgb(69,175,238)
```
#455bee
```
#455bee rgb(69,91,238)
```

Analogous Color

#eed945
```
#eed945 rgb(238,217,69)
```
#45afee
```
#45afee rgb(69,175,238)
```
#ee455b
```
#ee455b rgb(238,69,91)
```

Split Complementary Color

#afee45
```
#afee45 rgb(175,238,69)
```
#45afee
```
#45afee rgb(69,175,238)
```
#ee45af
```
#ee45af rgb(238,69,175)
```

Triadic Color

#45ee84
```
#45ee84 rgb(69,238,132)
```
#45afee
```
#45afee rgb(69,175,238)
```
#ee45af
```
#ee45af rgb(238,69,175)
```
#ee8445
```
#ee8445 rgb(238,132,69)
```

Tetradic Color

#138cd3
```
#138cd3 rgb(19,140,211)
```
#169bea
```
#169bea rgb(22,155,234)
```
#2ea5ec
```
#2ea5ec rgb(46,165,236)
```
#45afee
```
#45afee rgb(69,175,238)
```
#5cb9f0
```
#5cb9f0 rgb(92,185,240)
```
#74c3f2
```
#74c3f2 rgb(116,195,242)
```
#8bcdf4
```
#8bcdf4 rgb(139,205,244)
```

Monochromatic Color

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

#45d9ee
```
#45d9ee rgb(69,217,238)
```
#45cbee
```
#45cbee rgb(69,203,238)
```
#45bdee
```
#45bdee rgb(69,189,238)
```
#45afee
```
#45afee rgb(69,175,238)
```
#45a1ee
```
#45a1ee rgb(69,161,238)
```
#4593ee
```
#4593ee rgb(69,147,238)
```
#4585ee
```
#4585ee rgb(69,133,238)
```

Similar Colors

Text with hexadecimal color #45afee

This text has a font color of #45afee.

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

#45afee background color

This paragraph has a background color of #45afee.

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

#45afee border color

This element has a border color of #45afee.

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

CSS codes

.text {color:#45afee;}

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

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

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, #01080c is the darkest color, while #f9fcfe is the lightest one.

#01080c
```
#01080c rgb(1,8,12)
```
#03141e
```
#03141e rgb(3,20,30)
```
#042030
```
#042030 rgb(4,32,48)
```
#062b42
```
#062b42 rgb(6,43,66)
```
#083754
```
#083754 rgb(8,55,84)
```
#094366
```
#094366 rgb(9,67,102)
```
#0b4f78
```
#0b4f78 rgb(11,79,120)
```
#0d5b8a
```
#0d5b8a rgb(13,91,138)
```
#0e679b
```
#0e679b rgb(14,103,155)
```
#1073ad
```
#1073ad rgb(16,115,173)
```
#117fbf
```
#117fbf rgb(17,127,191)
```
#138ad1
```
#138ad1 rgb(19,138,209)
```
#1596e3
```
#1596e3 rgb(21,150,227)
```

Shade Color Variation

#21a0eb
```
#21a0eb rgb(33,160,235)
```
#33a7ec
```
#33a7ec rgb(51,167,236)
```
#45afee
```
#45afee rgb(69,175,238)
```
#57b7f0
```
#57b7f0 rgb(87,183,240)
```
#69bef1
```
#69bef1 rgb(105,190,241)
```
#7bc6f3
```
#7bc6f3 rgb(123,198,243)
```
#8dcef5
```
#8dcef5 rgb(141,206,245)
```
#9fd6f6
```
#9fd6f6 rgb(159,214,246)
```
#b1ddf8
```
#b1ddf8 rgb(177,221,248)
```
#c3e5f9
```
#c3e5f9 rgb(195,229,249)
```
#d5edfb
```
#d5edfb rgb(213,237,251)
```
#e7f5fd
```
#e7f5fd rgb(231,245,253)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939ba0 is the less saturated color, while #35b3fe is the most saturated one.

#939ba0
```
#939ba0 rgb(147,155,160)
```
#8b9da8
```
#8b9da8 rgb(139,157,168)
```
#839fb0
```
#839fb0 rgb(131,159,176)
```
#7ca1b7
```
#7ca1b7 rgb(124,161,183)
```
#74a3bf
```
#74a3bf rgb(116,163,191)
```
#6ca5c7
```
#6ca5c7 rgb(108,165,199)
```
#64a7cf
```
#64a7cf rgb(100,167,207)
```
#5ca9d7
```
#5ca9d7 rgb(92,169,215)
```
#55abde
```
#55abde rgb(85,171,222)
```
#4dade6
```
#4dade6 rgb(77,173,230)
```
#45afee
```
#45afee rgb(69,175,238)
```
#3db1f6
```
#3db1f6 rgb(61,177,246)
```
#35b3fe
```
#35b3fe rgb(53,179,254)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#869ba8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a8e7 Protanopia 1% of men
#88a9f2 Deuteranopia 1% of men
#21bac8 Tritanopia 0.001% of the population

Trichromacy

#78aae9 Protanomaly 1% of men, 0.01% of women
#70abf1 Deuteranomaly 6% of men, 0.4% of women
#2eb6d6 Tritanomaly 0.01% of the population

#45afee hex color

#45afee Color Information

#45afee Color Conversion

Color Schemes with #45afee

Alternatives to #45afee

#45afee Preview

Shades and Tints of #45afee

Tones of #45afee

Color Blindness Simulator