#6b8ddf hex color

In a RGB color space, hex #6b8ddf is composed of 42% red, 55.3% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 36.8% magenta, 0% yellow and 12.5% black. It has a hue angle of 222.4 degrees, a saturation of 64.4% and a lightness of 64.7%. #6b8ddf color hex could be obtained by blending #d6ffff with #001bbf. Closest websafe color is: #6699cc.

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

● #6b8ddf color description : Soft blue.

The hexadecimal color #6b8ddf has RGB values of R:107, G:141, B:223 and CMYK values of C:0.52, M:0.37, Y:0, K:0.13. Its decimal value is 7048671.

Hex triplet	6b8ddf	`#6b8ddf`
RGB Decimal	107, 141, 223	`rgb(107,141,223)`
RGB Percent	42, 55.3, 87.5	`rgb(42%,55.3%,87.5%)`
CMYK	52, 37, 0, 13
HSL	222.4°, 64.4, 64.7	`hsl(222.4,64.4%,64.7%)`
HSV (or HSB)	222.4°, 52, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.436, 11.083, -45.456
XYZ	28.905, 27.502, 73.593
xyY	0.222, 0.212, 27.502
CIE-LCH	59.436, 46.788, 283.702
CIE-LUV	59.436, -17.961, -73.066
Hunter-Lab	52.442, 6.61, -46.493
Binary	01101011, 10001101, 11011111

#6b8ddf
```
#6b8ddf rgb(107,141,223)
```
#dfbd6b
```
#dfbd6b rgb(223,189,107)
```

Complementary Color

#6bc7df
```
#6bc7df rgb(107,199,223)
```
#6b8ddf
```
#6b8ddf rgb(107,141,223)
```
#836bdf
```
#836bdf rgb(131,107,223)
```

Analogous Color

#c7df6b
```
#c7df6b rgb(199,223,107)
```
#6b8ddf
```
#6b8ddf rgb(107,141,223)
```
#df836b
```
#df836b rgb(223,131,107)
```

Split Complementary Color

#8ddf6b
```
#8ddf6b rgb(141,223,107)
```
#6b8ddf
```
#6b8ddf rgb(107,141,223)
```
#df6b8d
```
#df6b8d rgb(223,107,141)
```

Triadic Color

#6bdfbd
```
#6bdfbd rgb(107,223,189)
```
#6b8ddf
```
#6b8ddf rgb(107,141,223)
```
#df6b8d
```
#df6b8d rgb(223,107,141)
```
#dfbd6b
```
#dfbd6b rgb(223,189,107)
```

Tetradic Color

#2d5dd0
```
#2d5dd0 rgb(45,93,208)
```
#416dd6
```
#416dd6 rgb(65,109,214)
```
#567dda
```
#567dda rgb(86,125,218)
```
#6b8ddf
```
#6b8ddf rgb(107,141,223)
```
#809de4
```
#809de4 rgb(128,157,228)
```
#95ade8
```
#95ade8 rgb(149,173,232)
```
#aabded
```
#aabded rgb(170,189,237)
```

Monochromatic Color

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

#6baadf
```
#6baadf rgb(107,170,223)
```
#6ba0df
```
#6ba0df rgb(107,160,223)
```
#6b97df
```
#6b97df rgb(107,151,223)
```
#6b8ddf
```
#6b8ddf rgb(107,141,223)
```
#6b83df
```
#6b83df rgb(107,131,223)
```
#6b7adf
```
#6b7adf rgb(107,122,223)
```
#6b70df
```
#6b70df rgb(107,112,223)
```

Similar Colors

Text with hexadecimal color #6b8ddf

This text has a font color of #6b8ddf.

<span style="color:#6b8ddf;">Text here</span>

#6b8ddf background color

This paragraph has a background color of #6b8ddf.

<p style="background-color:#6b8ddf;">Content here</p>

#6b8ddf border color

This element has a border color of #6b8ddf.

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

CSS codes

.text {color:#6b8ddf;}

.background {background-color:#6b8ddf;}

.border {border:1px solid #6b8ddf;}

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, #03060d is the darkest color, while #fcfdfe is the lightest one.

#03060d
```
#03060d rgb(3,6,13)
```
#060d1d
```
#060d1d rgb(6,13,29)
```
#0a142e
```
#0a142e rgb(10,20,46)
```
#0d1c3e
```
#0d1c3e rgb(13,28,62)
```
#11234e
```
#11234e rgb(17,35,78)
```
#142a5e
```
#142a5e rgb(20,42,94)
```
#18316e
```
#18316e rgb(24,49,110)
```
#1b387e
```
#1b387e rgb(27,56,126)
```
#1f3f8e
```
#1f3f8e rgb(31,63,142)
```
#22479e
```
#22479e rgb(34,71,158)
```
#264eaf
```
#264eaf rgb(38,78,175)
```
#2955bf
```
#2955bf rgb(41,85,191)
```
#2d5ccf
```
#2d5ccf rgb(45,92,207)
```

Shade Color Variation

#3b68d5
```
#3b68d5 rgb(59,104,213)
```
#4b74d8
```
#4b74d8 rgb(75,116,216)
```
#5b81dc
```
#5b81dc rgb(91,129,220)
```
#6b8ddf
```
#6b8ddf rgb(107,141,223)
```
#7b99e2
```
#7b99e2 rgb(123,153,226)
```
#8ba6e6
```
#8ba6e6 rgb(139,166,230)
```
#9bb2e9
```
#9bb2e9 rgb(155,178,233)
```
#acbfed
```
#acbfed rgb(172,191,237)
```
#bccbf0
```
#bccbf0 rgb(188,203,240)
```
#ccd8f4
```
#ccd8f4 rgb(204,216,244)
```
#dce4f7
```
#dce4f7 rgb(220,228,247)
```
#ecf0fb
```
#ecf0fb rgb(236,240,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#a2a4a8
```
#a2a4a8 rgb(162,164,168)
```
#9ba1af
```
#9ba1af rgb(155,161,175)
```
#959eb5
```
#959eb5 rgb(149,158,181)
```
#8e9bbc
```
#8e9bbc rgb(142,155,188)
```
#8798c3
```
#8798c3 rgb(135,152,195)
```
#8096ca
```
#8096ca rgb(128,150,202)
```
#7993d1
```
#7993d1 rgb(121,147,209)
```
#7290d8
```
#7290d8 rgb(114,144,216)
```
#6b8ddf
```
#6b8ddf rgb(107,141,223)
```
#648ae6
```
#648ae6 rgb(100,138,230)
```
#5d87ed
```
#5d87ed rgb(93,135,237)
```
#5684f4
```
#5684f4 rgb(86,132,244)
```
#4f82fb
```
#4f82fb rgb(79,130,251)
```

Tone Color Variation

Below, you can see how #6b8ddf 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

#8c8c8c Achromatopsia 0.005% of the population
#858c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7592e0 Protanopia 1% of men
#6994df Deuteranopia 1% of men
#5a9eaa Tritanopia 0.001% of the population

Trichromacy

#7190df Protanomaly 1% of men, 0.01% of women
#6992df Deuteranomaly 6% of men, 0.4% of women
#6098bd Tritanomaly 0.01% of the population

#6b8ddf hex color

#6b8ddf Color Information

#6b8ddf Color Conversion

Color Schemes with #6b8ddf

Alternatives to #6b8ddf

#6b8ddf Preview

Shades and Tints of #6b8ddf

Tones of #6b8ddf

Color Blindness Simulator