#93bdd2 hex color

In a RGB color space, hex #93bdd2 is composed of 57.6% red, 74.1% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 10% magenta, 0% yellow and 17.6% black. It has a hue angle of 200 degrees, a saturation of 41.2% and a lightness of 70%. #93bdd2 color hex could be obtained by blending #ffffff with #277ba5. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 58
- G 74
- B 82
RGB color chart
- C 30
- M 10
- Y 0
- K 18
CMYK color chart

● #93bdd2 color description : Slightly desaturated blue.

The hexadecimal color #93bdd2 has RGB values of R:147, G:189, B:210 and CMYK values of C:0.3, M:0.1, Y:0, K:0.18. Its decimal value is 9682386.

Hex triplet	93bdd2	`#93bdd2`
RGB Decimal	147, 189, 210	`rgb(147,189,210)`
RGB Percent	57.6, 74.1, 82.4	`rgb(57.6%,74.1%,82.4%)`
CMYK	30, 10, 0, 18
HSL	200°, 41.2, 70	`hsl(200,41.2%,70%)`
HSV (or HSB)	200°, 30, 82.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.349, -9.021, -15.082
XYZ	41.86, 47.25, 67.884
xyY	0.267, 0.301, 47.25
CIE-LCH	74.349, 17.574, 239.114
CIE-LUV	74.349, -21.624, -21.944
Hunter-Lab	68.739, -11.59, -10.436
Binary	10010011, 10111101, 11010010

#93bdd2
```
#93bdd2 rgb(147,189,210)
```
#d2a893
```
#d2a893 rgb(210,168,147)
```

Complementary Color

#93d2c8
```
#93d2c8 rgb(147,210,200)
```
#93bdd2
```
#93bdd2 rgb(147,189,210)
```
#939ed2
```
#939ed2 rgb(147,158,210)
```

Analogous Color

#d2c893
```
#d2c893 rgb(210,200,147)
```
#93bdd2
```
#93bdd2 rgb(147,189,210)
```
#d2939e
```
#d2939e rgb(210,147,158)
```

Split Complementary Color

#bdd293
```
#bdd293 rgb(189,210,147)
```
#93bdd2
```
#93bdd2 rgb(147,189,210)
```
#d293bd
```
#d293bd rgb(210,147,189)
```

Triadic Color

#93d2a8
```
#93d2a8 rgb(147,210,168)
```
#93bdd2
```
#93bdd2 rgb(147,189,210)
```
#d293bd
```
#d293bd rgb(210,147,189)
```
#d2a893
```
#d2a893 rgb(210,168,147)
```

Tetradic Color

#5d9cbc
```
#5d9cbc rgb(93,156,188)
```
#6fa7c3
```
#6fa7c3 rgb(111,167,195)
```
#81b2cb
```
#81b2cb rgb(129,178,203)
```
#93bdd2
```
#93bdd2 rgb(147,189,210)
```
#a5c8da
```
#a5c8da rgb(165,200,218)
```
#b7d3e1
```
#b7d3e1 rgb(183,211,225)
```
#c9dee9
```
#c9dee9 rgb(201,222,233)
```

Monochromatic Color

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

#93cdd2
```
#93cdd2 rgb(147,205,210)
```
#93c8d2
```
#93c8d2 rgb(147,200,210)
```
#93c2d2
```
#93c2d2 rgb(147,194,210)
```
#93bdd2
```
#93bdd2 rgb(147,189,210)
```
#93b8d2
```
#93b8d2 rgb(147,184,210)
```
#93b3d2
```
#93b3d2 rgb(147,179,210)
```
#93add2
```
#93add2 rgb(147,173,210)
```

Similar Colors

Text with hexadecimal color #93bdd2

This text has a font color of #93bdd2.

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

#93bdd2 background color

This paragraph has a background color of #93bdd2.

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

#93bdd2 border color

This element has a border color of #93bdd2.

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

CSS codes

.text {color:#93bdd2;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070d11
```
#070d11 rgb(7,13,17)
```
#0d191e
```
#0d191e rgb(13,25,30)
```
#12242c
```
#12242c rgb(18,36,44)
```
#182f3a
```
#182f3a rgb(24,47,58)
```
#1e3a48
```
#1e3a48 rgb(30,58,72)
```
#244556
```
#244556 rgb(36,69,86)
```
#2a5064
```
#2a5064 rgb(42,80,100)
```
#2f5b72
```
#2f5b72 rgb(47,91,114)
```
#35677f
```
#35677f rgb(53,103,127)
```
#3b728d
```
#3b728d rgb(59,114,141)
```
#417d9b
```
#417d9b rgb(65,125,155)
```
#4688a9
```
#4688a9 rgb(70,136,169)
```

Shade Color Variation

#4e93b5
```
#4e93b5 rgb(78,147,181)
```
#5c9bbb
```
#5c9bbb rgb(92,155,187)
```
#69a4c1
```
#69a4c1 rgb(105,164,193)
```
#77acc6
```
#77acc6 rgb(119,172,198)
```
#85b5cc
```
#85b5cc rgb(133,181,204)
```
#93bdd2
```
#93bdd2 rgb(147,189,210)
```
#a1c5d8
```
#a1c5d8 rgb(161,197,216)
```
#afcede
```
#afcede rgb(175,206,222)
```
#bdd6e3
```
#bdd6e3 rgb(189,214,227)
```
#cadfe9
```
#cadfe9 rgb(202,223,233)
```
#d8e7ef
```
#d8e7ef rgb(216,231,239)
```
#e6f0f5
```
#e6f0f5 rgb(230,240,245)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Tint Color Variation

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

#b0b3b5
```
#b0b3b5 rgb(176,179,181)
```
#abb5ba
```
#abb5ba rgb(171,181,186)
```
#a5b7c0
```
#a5b7c0 rgb(165,183,192)
```
#9fb9c6
```
#9fb9c6 rgb(159,185,198)
```
#99bbcc
```
#99bbcc rgb(153,187,204)
```
#93bdd2
```
#93bdd2 rgb(147,189,210)
```
#8dbfd8
```
#8dbfd8 rgb(141,191,216)
```
#87c1de
```
#87c1de rgb(135,193,222)
```
#81c3e4
```
#81c3e4 rgb(129,195,228)
```
#7bc5ea
```
#7bc5ea rgb(123,197,234)
```
#76c7ef
```
#76c7ef rgb(118,199,239)
```
#70c9f5
```
#70c9f5 rgb(112,201,245)
```
#6acbfb
```
#6acbfb rgb(106,203,251)
```

Tone Color Variation

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

Dichromacy

#b6b9d0 Protanopia 1% of men
#bdb6d7 Deuteranopia 1% of men
#97c1cf Tritanopia 0.001% of the population

Trichromacy

#a9bad0 Protanomaly 1% of men, 0.01% of women
#adb8d5 Deuteranomaly 6% of men, 0.4% of women
#95bfd0 Tritanomaly 0.01% of the population

#93bdd2 hex color

#93bdd2 Color Information

#93bdd2 Color Conversion

Color Schemes with #93bdd2

Alternatives to #93bdd2

#93bdd2 Preview

Shades and Tints of #93bdd2

Tones of #93bdd2

Color Blindness Simulator