#93bdd4 hex color

In a RGB color space, hex #93bdd4 is composed of 57.6% red, 74.1% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 30.7% cyan, 10.8% magenta, 0% yellow and 16.9% black. It has a hue angle of 201.2 degrees, a saturation of 43% and a lightness of 70.4%. #93bdd4 color hex could be obtained by blending #ffffff with #277ba9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 58
- G 74
- B 83
RGB color chart
- C 31
- M 11
- Y 0
- K 17
CMYK color chart

● #93bdd4 color description : Slightly desaturated blue.

The hexadecimal color #93bdd4 has RGB values of R:147, G:189, B:212 and CMYK values of C:0.31, M:0.11, Y:0, K:0.17. Its decimal value is 9682388.

Hex triplet	93bdd4	`#93bdd4`
RGB Decimal	147, 189, 212	`rgb(147,189,212)`
RGB Percent	57.6, 74.1, 83.1	`rgb(57.6%,74.1%,83.1%)`
CMYK	31, 11, 0, 17
HSL	201.2°, 43, 70.4	`hsl(201.2,43%,70.4%)`
HSV (or HSB)	201.2°, 30.7, 83.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.413, -8.539, -16.073
XYZ	42.111, 47.35, 69.204
xyY	0.265, 0.298, 47.35
CIE-LCH	74.413, 18.2, 242.02
CIE-LUV	74.413, -21.643, -23.621
Hunter-Lab	68.812, -11.182, -11.46
Binary	10010011, 10111101, 11010100

#93bdd4
```
#93bdd4 rgb(147,189,212)
```
#d4aa93
```
#d4aa93 rgb(212,170,147)
```

Complementary Color

#93d4cb
```
#93d4cb rgb(147,212,203)
```
#93bdd4
```
#93bdd4 rgb(147,189,212)
```
#939dd4
```
#939dd4 rgb(147,157,212)
```

Analogous Color

#d4cb93
```
#d4cb93 rgb(212,203,147)
```
#93bdd4
```
#93bdd4 rgb(147,189,212)
```
#d4939d
```
#d4939d rgb(212,147,157)
```

Split Complementary Color

#bdd493
```
#bdd493 rgb(189,212,147)
```
#93bdd4
```
#93bdd4 rgb(147,189,212)
```
#d493bd
```
#d493bd rgb(212,147,189)
```

Triadic Color

#93d4aa
```
#93d4aa rgb(147,212,170)
```
#93bdd4
```
#93bdd4 rgb(147,189,212)
```
#d493bd
```
#d493bd rgb(212,147,189)
```
#d4aa93
```
#d4aa93 rgb(212,170,147)
```

Tetradic Color

#5c9cbe
```
#5c9cbe rgb(92,156,190)
```
#6fa7c5
```
#6fa7c5 rgb(111,167,197)
```
#81b2cd
```
#81b2cd rgb(129,178,205)
```
#93bdd4
```
#93bdd4 rgb(147,189,212)
```
#a5c8db
```
#a5c8db rgb(165,200,219)
```
#b7d3e3
```
#b7d3e3 rgb(183,211,227)
```
#cadeea
```
#cadeea rgb(202,222,234)
```

Monochromatic Color

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

#93cdd4
```
#93cdd4 rgb(147,205,212)
```
#93c8d4
```
#93c8d4 rgb(147,200,212)
```
#93c2d4
```
#93c2d4 rgb(147,194,212)
```
#93bdd4
```
#93bdd4 rgb(147,189,212)
```
#93b8d4
```
#93b8d4 rgb(147,184,212)
```
#93b2d4
```
#93b2d4 rgb(147,178,212)
```
#93add4
```
#93add4 rgb(147,173,212)
```

Similar Colors

Text with hexadecimal color #93bdd4

This text has a font color of #93bdd4.

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

#93bdd4 background color

This paragraph has a background color of #93bdd4.

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

#93bdd4 border color

This element has a border color of #93bdd4.

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

CSS codes

.text {color:#93bdd4;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#070e12
```
#070e12 rgb(7,14,18)
```
#0d1920
```
#0d1920 rgb(13,25,32)
```
#12242e
```
#12242e rgb(18,36,46)
```
#18303c
```
#18303c rgb(24,48,60)
```
#1e3b4a
```
#1e3b4a rgb(30,59,74)
```
#234658
```
#234658 rgb(35,70,88)
```
#295166
```
#295166 rgb(41,81,102)
```
#2e5c74
```
#2e5c74 rgb(46,92,116)
```
#346783
```
#346783 rgb(52,103,131)
```
#3a7291
```
#3a7291 rgb(58,114,145)
```
#3f7d9f
```
#3f7d9f rgb(63,125,159)
```
#4588ad
```
#4588ad rgb(69,136,173)
```

Shade Color Variation

#4d92b8
```
#4d92b8 rgb(77,146,184)
```
#5b9bbe
```
#5b9bbe rgb(91,155,190)
```
#69a3c3
```
#69a3c3 rgb(105,163,195)
```
#77acc9
```
#77acc9 rgb(119,172,201)
```
#85b4ce
```
#85b4ce rgb(133,180,206)
```
#93bdd4
```
#93bdd4 rgb(147,189,212)
```
#a1c6da
```
#a1c6da rgb(161,198,218)
```
#afcedf
```
#afcedf rgb(175,206,223)
```
#bdd7e5
```
#bdd7e5 rgb(189,215,229)
```
#cbdfea
```
#cbdfea rgb(203,223,234)
```
#d9e8f0
```
#d9e8f0 rgb(217,232,240)
```
#e7f0f6
```
#e7f0f6 rgb(231,240,246)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

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

#b0b5b7
```
#b0b5b7 rgb(176,181,183)
```
#aab6bd
```
#aab6bd rgb(170,182,189)
```
#a4b8c3
```
#a4b8c3 rgb(164,184,195)
```
#9fbac8
```
#9fbac8 rgb(159,186,200)
```
#99bbce
```
#99bbce rgb(153,187,206)
```
#93bdd4
```
#93bdd4 rgb(147,189,212)
```
#8dbfda
```
#8dbfda rgb(141,191,218)
```
#87c0e0
```
#87c0e0 rgb(135,192,224)
```
#82c2e5
```
#82c2e5 rgb(130,194,229)
```
#7cc4eb
```
#7cc4eb rgb(124,196,235)
```
#76c5f1
```
#76c5f1 rgb(118,197,241)
```
#70c7f7
```
#70c7f7 rgb(112,199,247)
```
#6ac9fd
```
#6ac9fd rgb(106,201,253)
```

Tone Color Variation

Below, you can see how #93bdd4 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

#b3b3b3 Achromatopsia 0.005% of the population
#adb5ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b9d2 Protanopia 1% of men
#bcb6d9 Deuteranopia 1% of men
#96c1cf Tritanopia 0.001% of the population

Trichromacy

#a9bad2 Protanomaly 1% of men, 0.01% of women
#adb9d7 Deuteranomaly 6% of men, 0.4% of women
#95bfd1 Tritanomaly 0.01% of the population

#93bdd4 hex color

#93bdd4 Color Information

#93bdd4 Color Conversion

Color Schemes with #93bdd4

Alternatives to #93bdd4

#93bdd4 Preview

Shades and Tints of #93bdd4

Tones of #93bdd4

Color Blindness Simulator