#538cdd hex color

In a RGB color space, hex #538cdd is composed of 32.5% red, 54.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 36.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 215.2 degrees, a saturation of 67% and a lightness of 59.6%. #538cdd color hex could be obtained by blending #a6ffff with #0019bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 55
- B 87
RGB color chart
- C 62
- M 37
- Y 0
- K 13
CMYK color chart

● #538cdd color description : Soft blue.

The hexadecimal color #538cdd has RGB values of R:83, G:140, B:221 and CMYK values of C:0.62, M:0.37, Y:0, K:0.13. Its decimal value is 5475549.

Hex triplet	538cdd	`#538cdd`
RGB Decimal	83, 140, 221	`rgb(83,140,221)`
RGB Percent	32.5, 54.9, 86.7	`rgb(32.5%,54.9%,86.7%)`
CMYK	62, 37, 0, 13
HSL	215.2°, 67, 59.6	`hsl(215.2,67%,59.6%)`
HSV (or HSB)	215.2°, 62.4, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.86, 6.186, -46.91
XYZ	25.994, 25.814, 72.015
xyY	0.21, 0.208, 25.814
CIE-LCH	57.86, 47.316, 277.512
CIE-LUV	57.86, -24.524, -74.56
Hunter-Lab	50.807, 2.409, -48.474
Binary	01010011, 10001100, 11011101

#538cdd
```
#538cdd rgb(83,140,221)
```
#dda453
```
#dda453 rgb(221,164,83)
```

Complementary Color

#53d1dd
```
#53d1dd rgb(83,209,221)
```
#538cdd
```
#538cdd rgb(83,140,221)
```
#5f53dd
```
#5f53dd rgb(95,83,221)
```

Analogous Color

#d1dd53
```
#d1dd53 rgb(209,221,83)
```
#538cdd
```
#538cdd rgb(83,140,221)
```
#dd5f53
```
#dd5f53 rgb(221,95,83)
```

Split Complementary Color

#8cdd53
```
#8cdd53 rgb(140,221,83)
```
#538cdd
```
#538cdd rgb(83,140,221)
```
#dd538c
```
#dd538c rgb(221,83,140)
```

Triadic Color

#53dda4
```
#53dda4 rgb(83,221,164)
```
#538cdd
```
#538cdd rgb(83,140,221)
```
#dd538c
```
#dd538c rgb(221,83,140)
```
#dda453
```
#dda453 rgb(221,164,83)
```

Tetradic Color

#2664be
```
#2664be rgb(38,100,190)
```
#2a70d3
```
#2a70d3 rgb(42,112,211)
```
#3e7ed9
```
#3e7ed9 rgb(62,126,217)
```
#538cdd
```
#538cdd rgb(83,140,221)
```
#689ae1
```
#689ae1 rgb(104,154,225)
```
#7ea8e5
```
#7ea8e5 rgb(126,168,229)
```
#93b7ea
```
#93b7ea rgb(147,183,234)
```

Monochromatic Color

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

#53afdd
```
#53afdd rgb(83,175,221)
```
#53a3dd
```
#53a3dd rgb(83,163,221)
```
#5398dd
```
#5398dd rgb(83,152,221)
```
#538cdd
```
#538cdd rgb(83,140,221)
```
#5381dd
```
#5381dd rgb(83,129,221)
```
#5375dd
```
#5375dd rgb(83,117,221)
```
#536add
```
#536add rgb(83,106,221)
```

Similar Colors

Text with hexadecimal color #538cdd

This text has a font color of #538cdd.

<span style="color:#538cdd;">Text here</span>

#538cdd background color

This paragraph has a background color of #538cdd.

<p style="background-color:#538cdd;">Content here</p>

#538cdd border color

This element has a border color of #538cdd.

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

CSS codes

.text {color:#538cdd;}

.background {background-color:#538cdd;}

.border {border:1px solid #538cdd;}

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

#020408
```
#020408 rgb(2,4,8)
```
#050d19
```
#050d19 rgb(5,13,25)
```
#081629
```
#081629 rgb(8,22,41)
```
#0b1e39
```
#0b1e39 rgb(11,30,57)
```
#0f274a
```
#0f274a rgb(15,39,74)
```
#12305a
```
#12305a rgb(18,48,90)
```
#15386a
```
#15386a rgb(21,56,106)
```
#18417b
```
#18417b rgb(24,65,123)
```
#1c4a8b
```
#1c4a8b rgb(28,74,139)
```
#1f529c
```
#1f529c rgb(31,82,156)
```
#225bac
```
#225bac rgb(34,91,172)
```
#2564bc
```
#2564bc rgb(37,100,188)
```
#286ccd
```
#286ccd rgb(40,108,205)
```

Shade Color Variation

#3276d7
```
#3276d7 rgb(50,118,215)
```
#4381da
```
#4381da rgb(67,129,218)
```
#538cdd
```
#538cdd rgb(83,140,221)
```
#6397e0
```
#6397e0 rgb(99,151,224)
```
#74a2e3
```
#74a2e3 rgb(116,162,227)
```
#84ade7
```
#84ade7 rgb(132,173,231)
```
#95b8ea
```
#95b8ea rgb(149,184,234)
```
#a5c3ed
```
#a5c3ed rgb(165,195,237)
```
#b5cef0
```
#b5cef0 rgb(181,206,240)
```
#c6d9f4
```
#c6d9f4 rgb(198,217,244)
```
#d6e4f7
```
#d6e4f7 rgb(214,228,247)
```
#e6effa
```
#e6effa rgb(230,239,250)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92979e is the less saturated color, while #3386fd is the most saturated one.

#92979e
```
#92979e rgb(146,151,158)
```
#8a96a6
```
#8a96a6 rgb(138,150,166)
```
#8394ad
```
#8394ad rgb(131,148,173)
```
#7b93b5
```
#7b93b5 rgb(123,147,181)
```
#7392bd
```
#7392bd rgb(115,146,189)
```
#6b90c5
```
#6b90c5 rgb(107,144,197)
```
#638fcd
```
#638fcd rgb(99,143,205)
```
#5b8dd5
```
#5b8dd5 rgb(91,141,213)
```
#538cdd
```
#538cdd rgb(83,140,221)
```
#4b8be5
```
#4b8be5 rgb(75,139,229)
```
#4389ed
```
#4389ed rgb(67,137,237)
```
#3b88f5
```
#3b88f5 rgb(59,136,245)
```
#3386fd
```
#3386fd rgb(51,134,253)
```

Tone Color Variation

Below, you can see how #538cdd 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

#848484 Achromatopsia 0.005% of the population
#7a8696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#718edc Protanopia 1% of men
#5e91de Deuteranopia 1% of men
#369da9 Tritanopia 0.001% of the population

Trichromacy

#668ddc Protanomaly 1% of men, 0.01% of women
#5a8fde Deuteranomaly 6% of men, 0.4% of women
#4197bc Tritanomaly 0.01% of the population

#538cdd hex color

#538cdd Color Information

#538cdd Color Conversion

Color Schemes with #538cdd

Alternatives to #538cdd

#538cdd Preview

Shades and Tints of #538cdd

Tones of #538cdd

Color Blindness Simulator