#45aaf2 hex color

In a RGB color space, hex #45aaf2 is composed of 27.1% red, 66.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 29.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 205 degrees, a saturation of 86.9% and a lightness of 61%. #45aaf2 color hex could be obtained by blending #8affff with #0055e5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 27
- G 67
- B 95
RGB color chart
- C 71
- M 30
- Y 0
- K 5
CMYK color chart

● #45aaf2 color description : Bright blue.

The hexadecimal color #45aaf2 has RGB values of R:69, G:170, B:242 and CMYK values of C:0.71, M:0.3, Y:0, K:0.05. Its decimal value is 4565746.

Hex triplet	45aaf2	`#45aaf2`
RGB Decimal	69, 170, 242	`rgb(69,170,242)`
RGB Percent	27.1, 66.7, 94.9	`rgb(27.1%,66.7%,94.9%)`
CMYK	71, 30, 0, 5
HSL	205°, 86.9, 61	`hsl(205,86.9%,61%)`
HSV (or HSB)	205°, 71.5, 94.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.842, -6.181, -44.378
XYZ	32.852, 36.423, 89.298
xyY	0.207, 0.23, 36.423
CIE-LCH	66.842, 44.806, 262.071
CIE-LUV	66.842, -37.113, -70.695
Hunter-Lab	60.351, -8.449, -45.482
Binary	01000101, 10101010, 11110010

#45aaf2
```
#45aaf2 rgb(69,170,242)
```
#f28d45
```
#f28d45 rgb(242,141,69)
```

Complementary Color

#45f2e4
```
#45f2e4 rgb(69,242,228)
```
#45aaf2
```
#45aaf2 rgb(69,170,242)
```
#4554f2
```
#4554f2 rgb(69,84,242)
```

Analogous Color

#f2e445
```
#f2e445 rgb(242,228,69)
```
#45aaf2
```
#45aaf2 rgb(69,170,242)
```
#f24554
```
#f24554 rgb(242,69,84)
```

Split Complementary Color

#aaf245
```
#aaf245 rgb(170,242,69)
```
#45aaf2
```
#45aaf2 rgb(69,170,242)
```
#f245aa
```
#f245aa rgb(242,69,170)
```

Triadic Color

#45f28d
```
#45f28d rgb(69,242,141)
```
#45aaf2
```
#45aaf2 rgb(69,170,242)
```
#f245aa
```
#f245aa rgb(242,69,170)
```
#f28d45
```
#f28d45 rgb(242,141,69)
```

Tetradic Color

#0f86db
```
#0f86db rgb(15,134,219)
```
#1594ef
```
#1594ef rgb(21,148,239)
```
#2d9ff0
```
#2d9ff0 rgb(45,159,240)
```
#45aaf2
```
#45aaf2 rgb(69,170,242)
```
#5db5f4
```
#5db5f4 rgb(93,181,244)
```
#75c0f5
```
#75c0f5 rgb(117,192,245)
```
#8dcbf7
```
#8dcbf7 rgb(141,203,247)
```

Monochromatic Color

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

#45d5f2
```
#45d5f2 rgb(69,213,242)
```
#45c7f2
```
#45c7f2 rgb(69,199,242)
```
#45b8f2
```
#45b8f2 rgb(69,184,242)
```
#45aaf2
```
#45aaf2 rgb(69,170,242)
```
#459cf2
```
#459cf2 rgb(69,156,242)
```
#458df2
```
#458df2 rgb(69,141,242)
```
#457ff2
```
#457ff2 rgb(69,127,242)
```

Similar Colors

Text with hexadecimal color #45aaf2

This text has a font color of #45aaf2.

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

#45aaf2 background color

This paragraph has a background color of #45aaf2.

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

#45aaf2 border color

This element has a border color of #45aaf2.

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

CSS codes

.text {color:#45aaf2;}

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

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

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, #010a10 is the darkest color, while #fcfeff is the lightest one.

#010a10
```
#010a10 rgb(1,10,16)
```
#021522
```
#021522 rgb(2,21,34)
```
#042034
```
#042034 rgb(4,32,52)
```
#052b47
```
#052b47 rgb(5,43,71)
```
#063759
```
#063759 rgb(6,55,89)
```
#08426b
```
#08426b rgb(8,66,107)
```
#094d7e
```
#094d7e rgb(9,77,126)
```
#0a5890
```
#0a5890 rgb(10,88,144)
```
#0b64a2
```
#0b64a2 rgb(11,100,162)
```
#0d6fb5
```
#0d6fb5 rgb(13,111,181)
```
#0e7ac7
```
#0e7ac7 rgb(14,122,199)
```
#0f85d9
```
#0f85d9 rgb(15,133,217)
```
#1090ec
```
#1090ec rgb(16,144,236)
```

Shade Color Variation

#2099ef
```
#2099ef rgb(32,153,239)
```
#33a2f1
```
#33a2f1 rgb(51,162,241)
```
#45aaf2
```
#45aaf2 rgb(69,170,242)
```
#57b2f3
```
#57b2f3 rgb(87,178,243)
```
#6abbf5
```
#6abbf5 rgb(106,187,245)
```
#7cc3f6
```
#7cc3f6 rgb(124,195,246)
```
#8eccf7
```
#8eccf7 rgb(142,204,247)
```
#a1d4f8
```
#a1d4f8 rgb(161,212,248)
```
#b3dcfa
```
#b3dcfa rgb(179,220,250)
```
#c5e5fb
```
#c5e5fb rgb(197,229,251)
```
#d8edfc
```
#d8edfc rgb(216,237,252)
```
#eaf5fe
```
#eaf5fe rgb(234,245,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999c9e is the less saturated color, while #3dabfa is the most saturated one.

#999c9e
```
#999c9e rgb(153,156,158)
```
#929da5
```
#929da5 rgb(146,157,165)
```
#8a9ead
```
#8a9ead rgb(138,158,173)
```
#82a0b5
```
#82a0b5 rgb(130,160,181)
```
#7ba1bc
```
#7ba1bc rgb(123,161,188)
```
#73a2c4
```
#73a2c4 rgb(115,162,196)
```
#6ba4cc
```
#6ba4cc rgb(107,164,204)
```
#64a5d3
```
#64a5d3 rgb(100,165,211)
```
#5ca6db
```
#5ca6db rgb(92,166,219)
```
#54a7e3
```
#54a7e3 rgb(84,167,227)
```
#4da9ea
```
#4da9ea rgb(77,169,234)
```
#45aaf2
```
#45aaf2 rgb(69,170,242)
```
#3dabfa
```
#3dabfa rgb(61,171,250)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8498a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea5eb Protanopia 1% of men
#7da7f5 Deuteranopia 1% of men
#00b7c5 Tritanopia 0.001% of the population

Trichromacy

#73a6ee Protanomaly 1% of men, 0.01% of women
#69a8f4 Deuteranomaly 6% of men, 0.4% of women
#19b2d5 Tritanomaly 0.01% of the population

#45aaf2 hex color

#45aaf2 Color Information

#45aaf2 Color Conversion

Color Schemes with #45aaf2

Alternatives to #45aaf2

#45aaf2 Preview

Shades and Tints of #45aaf2

Tones of #45aaf2

Color Blindness Simulator