#93aaf2 hex color

In a RGB color space, hex #93aaf2 is composed of 57.6% red, 66.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 39.3% cyan, 29.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 225.5 degrees, a saturation of 78.5% and a lightness of 76.3%. #93aaf2 color hex could be obtained by blending #ffffff with #2755e5. Closest websafe color is: #9999ff.

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

● #93aaf2 color description : Very soft blue.

The hexadecimal color #93aaf2 has RGB values of R:147, G:170, B:242 and CMYK values of C:0.39, M:0.3, Y:0, K:0.05. Its decimal value is 9677554.

Hex triplet	93aaf2	`#93aaf2`
RGB Decimal	147, 170, 242	`rgb(147,170,242)`
RGB Percent	57.6, 66.7, 94.9	`rgb(57.6%,66.7%,94.9%)`
CMYK	39, 30, 0, 5
HSL	225.5°, 78.5, 76.3	`hsl(225.5,78.5%,76.3%)`
HSV (or HSB)	225.5°, 39.3, 94.9
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.429, 9.599, -38.506
XYZ	42.431, 41.362, 89.747
xyY	0.245, 0.238, 41.362
CIE-LCH	70.429, 39.685, 283.997
CIE-LUV	70.429, -14.423, -63.14
Hunter-Lab	64.313, 5.218, -37.718
Binary	10010011, 10101010, 11110010

#93aaf2
```
#93aaf2 rgb(147,170,242)
```
#f2db93
```
#f2db93 rgb(242,219,147)
```

Complementary Color

#93daf2
```
#93daf2 rgb(147,218,242)
```
#93aaf2
```
#93aaf2 rgb(147,170,242)
```
#ac93f2
```
#ac93f2 rgb(172,147,242)
```

Analogous Color

#daf293
```
#daf293 rgb(218,242,147)
```
#93aaf2
```
#93aaf2 rgb(147,170,242)
```
#f2ac93
```
#f2ac93 rgb(242,172,147)
```

Split Complementary Color

#aaf293
```
#aaf293 rgb(170,242,147)
```
#93aaf2
```
#93aaf2 rgb(147,170,242)
```
#f293aa
```
#f293aa rgb(242,147,170)
```

Triadic Color

#93f2db
```
#93f2db rgb(147,242,219)
```
#93aaf2
```
#93aaf2 rgb(147,170,242)
```
#f293aa
```
#f293aa rgb(242,147,170)
```
#f2db93
```
#f2db93 rgb(242,219,147)
```

Tetradic Color

#4f74ea
```
#4f74ea rgb(79,116,234)
```
#6586ed
```
#6586ed rgb(101,134,237)
```
#7c98ef
```
#7c98ef rgb(124,152,239)
```
#93aaf2
```
#93aaf2 rgb(147,170,242)
```
#aabcf5
```
#aabcf5 rgb(170,188,245)
```
#c1cef7
```
#c1cef7 rgb(193,206,247)
```
#d7e0fa
```
#d7e0fa rgb(215,224,250)
```

Monochromatic Color

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

#93c2f2
```
#93c2f2 rgb(147,194,242)
```
#93baf2
```
#93baf2 rgb(147,186,242)
```
#93b2f2
```
#93b2f2 rgb(147,178,242)
```
#93aaf2
```
#93aaf2 rgb(147,170,242)
```
#93a2f2
```
#93a2f2 rgb(147,162,242)
```
#939af2
```
#939af2 rgb(147,154,242)
```
#9493f2
```
#9493f2 rgb(148,147,242)
```

Similar Colors

Text with hexadecimal color #93aaf2

This text has a font color of #93aaf2.

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

#93aaf2 background color

This paragraph has a background color of #93aaf2.

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

#93aaf2 border color

This element has a border color of #93aaf2.

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

CSS codes

.text {color:#93aaf2;}

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

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

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, #02050f is the darkest color, while #fcfdff is the lightest one.

#02050f
```
#02050f rgb(2,5,15)
```
#040b20
```
#040b20 rgb(4,11,32)
```
#061132
```
#061132 rgb(6,17,50)
```
#081643
```
#081643 rgb(8,22,67)
```
#0a1c55
```
#0a1c55 rgb(10,28,85)
```
#0c2266
```
#0c2266 rgb(12,34,102)
```
#0e2878
```
#0e2878 rgb(14,40,120)
```
#112e89
```
#112e89 rgb(17,46,137)
```
#13349b
```
#13349b rgb(19,52,155)
```
#1539ac
```
#1539ac rgb(21,57,172)
```
#173fbe
```
#173fbe rgb(23,63,190)
```
#1945cf
```
#1945cf rgb(25,69,207)
```
#1b4be1
```
#1b4be1 rgb(27,75,225)
```

Shade Color Variation

#2a57e5
```
#2a57e5 rgb(42,87,229)
```
#3b65e7
```
#3b65e7 rgb(59,101,231)
```
#4d73ea
```
#4d73ea rgb(77,115,234)
```
#5e81ec
```
#5e81ec rgb(94,129,236)
```
#708eee
```
#708eee rgb(112,142,238)
```
#819cf0
```
#819cf0 rgb(129,156,240)
```
#93aaf2
```
#93aaf2 rgb(147,170,242)
```
#a5b8f4
```
#a5b8f4 rgb(165,184,244)
```
#b6c6f6
```
#b6c6f6 rgb(182,198,246)
```
#c8d3f8
```
#c8d3f8 rgb(200,211,248)
```
#d9e1fa
```
#d9e1fa rgb(217,225,250)
```
#ebeffd
```
#ebeffd rgb(235,239,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #c2c2c3 is the less saturated color, while #8aa5fb is the most saturated one.

#c2c2c3
```
#c2c2c3 rgb(194,194,195)
```
#bdc0c8
```
#bdc0c8 rgb(189,192,200)
```
#b8bdcd
```
#b8bdcd rgb(184,189,205)
```
#b4bbd1
```
#b4bbd1 rgb(180,187,209)
```
#afb8d6
```
#afb8d6 rgb(175,184,214)
```
#aab6db
```
#aab6db rgb(170,182,219)
```
#a6b4df
```
#a6b4df rgb(166,180,223)
```
#a1b1e4
```
#a1b1e4 rgb(161,177,228)
```
#9cafe9
```
#9cafe9 rgb(156,175,233)
```
#98aced
```
#98aced rgb(152,172,237)
```
#93aaf2
```
#93aaf2 rgb(147,170,242)
```
#8ea8f7
```
#8ea8f7 rgb(142,168,247)
```
#8aa5fb
```
#8aa5fb rgb(138,165,251)
```

Tone Color Variation

Below, you can see how #93aaf2 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
#a6abb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99aef2 Protanopia 1% of men
#96aef2 Deuteranopia 1% of men
#8ab7c5 Tritanopia 0.001% of the population

Trichromacy

#97acf2 Protanomaly 1% of men, 0.01% of women
#95adf2 Deuteranomaly 6% of men, 0.4% of women
#8db2d5 Tritanomaly 0.01% of the population

#93aaf2 hex color

#93aaf2 Color Information

#93aaf2 Color Conversion

Color Schemes with #93aaf2

Alternatives to #93aaf2

#93aaf2 Preview

Shades and Tints of #93aaf2

Tones of #93aaf2

Color Blindness Simulator