#318adc hex color

In a RGB color space, hex #318adc is composed of 19.2% red, 54.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 37.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 208.8 degrees, a saturation of 71% and a lightness of 52.7%. #318adc color hex could be obtained by blending #62ffff with #0015b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 54
- B 86
RGB color chart
- C 78
- M 37
- Y 0
- K 14
CMYK color chart

● #318adc color description : Bright blue.

The hexadecimal color #318adc has RGB values of R:49, G:138, B:220 and CMYK values of C:0.78, M:0.37, Y:0, K:0.14. Its decimal value is 3246812.

Hex triplet	318adc	`#318adc`
RGB Decimal	49, 138, 220	`rgb(49,138,220)`
RGB Percent	19.2, 54.1, 86.3	`rgb(19.2%,54.1%,86.3%)`
CMYK	78, 37, 0, 14
HSL	208.8°, 71, 52.7	`hsl(208.8,71%,52.7%)`
HSV (or HSB)	208.8°, 77.7, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.083, 2.091, -49.241
XYZ	23.27, 23.995, 71.111
xyY	0.197, 0.203, 23.995
CIE-LCH	56.083, 49.286, 272.431
CIE-LUV	56.083, -30.478, -77.512
Hunter-Lab	48.985, -0.927, -51.782
Binary	00110001, 10001010, 11011100

#318adc
```
#318adc rgb(49,138,220)
```
#dc8331
```
#dc8331 rgb(220,131,49)
```

Complementary Color

#31dcd9
```
#31dcd9 rgb(49,220,217)
```
#318adc
```
#318adc rgb(49,138,220)
```
#3135dc
```
#3135dc rgb(49,53,220)
```

Analogous Color

#dcd931
```
#dcd931 rgb(220,217,49)
```
#318adc
```
#318adc rgb(49,138,220)
```
#dc3135
```
#dc3135 rgb(220,49,53)
```

Split Complementary Color

#8adc31
```
#8adc31 rgb(138,220,49)
```
#318adc
```
#318adc rgb(49,138,220)
```
#dc318a
```
#dc318a rgb(220,49,138)
```

Triadic Color

#31dc83
```
#31dc83 rgb(49,220,131)
```
#318adc
```
#318adc rgb(49,138,220)
```
#dc318a
```
#dc318a rgb(220,49,138)
```
#dc8331
```
#dc8331 rgb(220,131,49)
```

Tetradic Color

#1c63a5
```
#1c63a5 rgb(28,99,165)
```
#2070ba
```
#2070ba rgb(32,112,186)
```
#237dd0
```
#237dd0 rgb(35,125,208)
```
#318adc
```
#318adc rgb(49,138,220)
```
#4796e0
```
#4796e0 rgb(71,150,224)
```
#5da3e3
```
#5da3e3 rgb(93,163,227)
```
#72afe7
```
#72afe7 rgb(114,175,231)
```

Monochromatic Color

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

#31b5dc
```
#31b5dc rgb(49,181,220)
```
#31a7dc
```
#31a7dc rgb(49,167,220)
```
#3198dc
```
#3198dc rgb(49,152,220)
```
#318adc
```
#318adc rgb(49,138,220)
```
#317cdc
```
#317cdc rgb(49,124,220)
```
#316edc
```
#316edc rgb(49,110,220)
```
#315fdc
```
#315fdc rgb(49,95,220)
```

Similar Colors

Text with hexadecimal color #318adc

This text has a font color of #318adc.

<span style="color:#318adc;">Text here</span>

#318adc background color

This paragraph has a background color of #318adc.

<p style="background-color:#318adc;">Content here</p>

#318adc border color

This element has a border color of #318adc.

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

CSS codes

.text {color:#318adc;}

.background {background-color:#318adc;}

.border {border:1px solid #318adc;}

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, #02070c is the darkest color, while #fafcfe is the lightest one.

#02070c
```
#02070c rgb(2,7,12)
```
#05111d
```
#05111d rgb(5,17,29)
```
#081b2e
```
#081b2e rgb(8,27,46)
```
#0b253e
```
#0b253e rgb(11,37,62)
```
#0d304f
```
#0d304f rgb(13,48,79)
```
#103a60
```
#103a60 rgb(16,58,96)
```
#134471
```
#134471 rgb(19,68,113)
```
#164e81
```
#164e81 rgb(22,78,129)
```
#195892
```
#195892 rgb(25,88,146)
```
#1c62a3
```
#1c62a3 rgb(28,98,163)
```
#1f6cb4
```
#1f6cb4 rgb(31,108,180)
```
#2176c4
```
#2176c4 rgb(33,118,196)
```
#2480d5
```
#2480d5 rgb(36,128,213)
```

Shade Color Variation

#318adc
```
#318adc rgb(49,138,220)
```
#4294df
```
#4294df rgb(66,148,223)
```
#539de2
```
#539de2 rgb(83,157,226)
```
#63a7e5
```
#63a7e5 rgb(99,167,229)
```
#74b0e7
```
#74b0e7 rgb(116,176,231)
```
#85baea
```
#85baea rgb(133,186,234)
```
#96c3ed
```
#96c3ed rgb(150,195,237)
```
#a6cdf0
```
#a6cdf0 rgb(166,205,240)
```
#b7d6f3
```
#b7d6f3 rgb(183,214,243)
```
#c8e0f6
```
#c8e0f6 rgb(200,224,246)
```
#d9e9f8
```
#d9e9f8 rgb(217,233,248)
```
#e9f3fb
```
#e9f3fb rgb(233,243,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#848789
```
#848789 rgb(132,135,137)
```
#7b8792
```
#7b8792 rgb(123,135,146)
```
#72879b
```
#72879b rgb(114,135,155)
```
#6988a4
```
#6988a4 rgb(105,136,164)
```
#5f88ae
```
#5f88ae rgb(95,136,174)
```
#5688b7
```
#5688b7 rgb(86,136,183)
```
#4d89c0
```
#4d89c0 rgb(77,137,192)
```
#4489c9
```
#4489c9 rgb(68,137,201)
```
#3a8ad3
```
#3a8ad3 rgb(58,138,211)
```
#318adc
```
#318adc rgb(49,138,220)
```
#288ae5
```
#288ae5 rgb(40,138,229)
```
#1e8bef
```
#1e8bef rgb(30,139,239)
```
#158bf8
```
#158bf8 rgb(21,139,248)
```

Tone Color Variation

Below, you can see how #318adc 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

#797979 Achromatopsia 0.005% of the population
#6b7c8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b8ad9 Protanopia 1% of men
#508dde Deuteranopia 1% of men
#009aa4 Tritanopia 0.001% of the population

Trichromacy

#568ada Protanomaly 1% of men, 0.01% of women
#448cdd Deuteranomaly 6% of men, 0.4% of women
#1194b8 Tritanomaly 0.01% of the population

#318adc hex color

#318adc Color Information

#318adc Color Conversion

Color Schemes with #318adc

Alternatives to #318adc

#318adc Preview

Shades and Tints of #318adc

Tones of #318adc

Color Blindness Simulator