#679adc hex color

In a RGB color space, hex #679adc is composed of 40.4% red, 60.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 30% magenta, 0% yellow and 13.7% black. It has a hue angle of 213.8 degrees, a saturation of 62.6% and a lightness of 63.3%. #679adc color hex could be obtained by blending #ceffff with #0035b9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 40
- G 60
- B 86
RGB color chart
- C 53
- M 30
- Y 0
- K 14
CMYK color chart

● #679adc color description : Soft blue.

The hexadecimal color #679adc has RGB values of R:103, G:154, B:220 and CMYK values of C:0.53, M:0.3, Y:0, K:0.14. Its decimal value is 6789852.

Hex triplet	679adc	`#679adc`
RGB Decimal	103, 154, 220	`rgb(103,154,220)`
RGB Percent	40.4, 60.4, 86.3	`rgb(40.4%,60.4%,86.3%)`
CMYK	53, 30, 0, 14
HSL	213.8°, 62.6, 63.3	`hsl(213.8,62.6%,63.3%)`
HSV (or HSB)	213.8°, 53.2, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.643, 1.698, -38.761
XYZ	30.064, 31.16, 72.137
xyY	0.225, 0.234, 31.16
CIE-LCH	62.643, 38.799, 272.509
CIE-LUV	62.643, -23.929, -61.477
Hunter-Lab	55.822, -1.551, -37.544
Binary	01100111, 10011010, 11011100

#679adc
```
#679adc rgb(103,154,220)
```
#dca967
```
#dca967 rgb(220,169,103)
```

Complementary Color

#67d5dc
```
#67d5dc rgb(103,213,220)
```
#679adc
```
#679adc rgb(103,154,220)
```
#6f67dc
```
#6f67dc rgb(111,103,220)
```

Analogous Color

#d5dc67
```
#d5dc67 rgb(213,220,103)
```
#679adc
```
#679adc rgb(103,154,220)
```
#dc6f67
```
#dc6f67 rgb(220,111,103)
```

Split Complementary Color

#9adc67
```
#9adc67 rgb(154,220,103)
```
#679adc
```
#679adc rgb(103,154,220)
```
#dc679a
```
#dc679a rgb(220,103,154)
```

Triadic Color

#67dca9
```
#67dca9 rgb(103,220,169)
```
#679adc
```
#679adc rgb(103,154,220)
```
#dc679a
```
#dc679a rgb(220,103,154)
```
#dca967
```
#dca967 rgb(220,169,103)
```

Tetradic Color

#2e71c8
```
#2e71c8 rgb(46,113,200)
```
#3e7ed2
```
#3e7ed2 rgb(62,126,210)
```
#528cd7
```
#528cd7 rgb(82,140,215)
```
#679adc
```
#679adc rgb(103,154,220)
```
#7ca8e1
```
#7ca8e1 rgb(124,168,225)
```
#90b6e6
```
#90b6e6 rgb(144,182,230)
```
#a5c3ea
```
#a5c3ea rgb(165,195,234)
```

Monochromatic Color

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

#67b7dc
```
#67b7dc rgb(103,183,220)
```
#67aedc
```
#67aedc rgb(103,174,220)
```
#67a4dc
```
#67a4dc rgb(103,164,220)
```
#679adc
```
#679adc rgb(103,154,220)
```
#6790dc
```
#6790dc rgb(103,144,220)
```
#6787dc
```
#6787dc rgb(103,135,220)
```
#677ddc
```
#677ddc rgb(103,125,220)
```

Similar Colors

Text with hexadecimal color #679adc

This text has a font color of #679adc.

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

#679adc background color

This paragraph has a background color of #679adc.

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

#679adc border color

This element has a border color of #679adc.

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

CSS codes

.text {color:#679adc;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#050d17
```
#050d17 rgb(5,13,23)
```
#091627
```
#091627 rgb(9,22,39)
```
#0d1f37
```
#0d1f37 rgb(13,31,55)
```
#102847
```
#102847 rgb(16,40,71)
```
#143157
```
#143157 rgb(20,49,87)
```
#183a67
```
#183a67 rgb(24,58,103)
```
#1b4377
```
#1b4377 rgb(27,67,119)
```
#1f4c87
```
#1f4c87 rgb(31,76,135)
```
#235597
```
#235597 rgb(35,85,151)
```
#265ea7
```
#265ea7 rgb(38,94,167)
```
#2a67b7
```
#2a67b7 rgb(42,103,183)
```
#2e70c7
```
#2e70c7 rgb(46,112,199)
```

Shade Color Variation

#377ad1
```
#377ad1 rgb(55,122,209)
```
#4785d5
```
#4785d5 rgb(71,133,213)
```
#578fd8
```
#578fd8 rgb(87,143,216)
```
#679adc
```
#679adc rgb(103,154,220)
```
#77a5e0
```
#77a5e0 rgb(119,165,224)
```
#87afe3
```
#87afe3 rgb(135,175,227)
```
#97bae7
```
#97bae7 rgb(151,186,231)
```
#a7c4eb
```
#a7c4eb rgb(167,196,235)
```
#b7cfee
```
#b7cfee rgb(183,207,238)
```
#c7daf2
```
#c7daf2 rgb(199,218,242)
```
#d7e4f6
```
#d7e4f6 rgb(215,228,246)
```
#e7eff9
```
#e7eff9 rgb(231,239,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#a1a1a2
```
#a1a1a2 rgb(161,161,162)
```
#99a0aa
```
#99a0aa rgb(153,160,170)
```
#92a0b1
```
#92a0b1 rgb(146,160,177)
```
#8b9fb8
```
#8b9fb8 rgb(139,159,184)
```
#849ebf
```
#849ebf rgb(132,158,191)
```
#7d9dc6
```
#7d9dc6 rgb(125,157,198)
```
#759cce
```
#759cce rgb(117,156,206)
```
#6e9bd5
```
#6e9bd5 rgb(110,155,213)
```
#679adc
```
#679adc rgb(103,154,220)
```
#6099e3
```
#6099e3 rgb(96,153,227)
```
#5998ea
```
#5998ea rgb(89,152,234)
```
#5197f2
```
#5197f2 rgb(81,151,242)
```
#4a96f9
```
#4a96f9 rgb(74,150,249)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8994a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#869ada Protanopia 1% of men
#7e9cdf Deuteranopia 1% of men
#5ba7b4 Tritanopia 0.001% of the population

Trichromacy

#7b9adb Protanomaly 1% of men, 0.01% of women
#759bdd Deuteranomaly 6% of men, 0.4% of women
#5fa2c2 Tritanomaly 0.01% of the population

#679adc hex color

#679adc Color Information

#679adc Color Conversion

Color Schemes with #679adc

Alternatives to #679adc

#679adc Preview

Shades and Tints of #679adc

Tones of #679adc

Color Blindness Simulator