#68b4df hex color

In a RGB color space, hex #68b4df is composed of 40.8% red, 70.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 19.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 201.7 degrees, a saturation of 65% and a lightness of 64.1%. #68b4df color hex could be obtained by blending #d0ffff with #0069bf. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 41
- G 71
- B 87
RGB color chart
- C 53
- M 19
- Y 0
- K 13
CMYK color chart

● #68b4df color description : Soft blue.

The hexadecimal color #68b4df has RGB values of R:104, G:180, B:223 and CMYK values of C:0.53, M:0.19, Y:0, K:0.13. Its decimal value is 6862047.

Hex triplet	68b4df	`#68b4df`
RGB Decimal	104, 180, 223	`rgb(104,180,223)`
RGB Percent	40.8, 70.6, 87.5	`rgb(40.8%,70.6%,87.5%)`
CMYK	53, 19, 0, 13
HSL	201.7°, 65, 64.1	`hsl(201.7,65%,64.1%)`
HSV (or HSB)	201.7°, 53.4, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.114, -11.619, -28.817
XYZ	35.346, 40.911, 75.842
xyY	0.232, 0.269, 40.911
CIE-LCH	70.114, 31.071, 248.04
CIE-LUV	70.114, -33.306, -44.002
Hunter-Lab	63.962, -13.291, -25.529
Binary	01101000, 10110100, 11011111

#68b4df
```
#68b4df rgb(104,180,223)
```
#df9368
```
#df9368 rgb(223,147,104)
```

Complementary Color

#68dfcf
```
#68dfcf rgb(104,223,207)
```
#68b4df
```
#68b4df rgb(104,180,223)
```
#6879df
```
#6879df rgb(104,121,223)
```

Analogous Color

#dfcf68
```
#dfcf68 rgb(223,207,104)
```
#68b4df
```
#68b4df rgb(104,180,223)
```
#df6879
```
#df6879 rgb(223,104,121)
```

Split Complementary Color

#b4df68
```
#b4df68 rgb(180,223,104)
```
#68b4df
```
#68b4df rgb(104,180,223)
```
#df68b4
```
#df68b4 rgb(223,104,180)
```

Triadic Color

#68df93
```
#68df93 rgb(104,223,147)
```
#68b4df
```
#68b4df rgb(104,180,223)
```
#df68b4
```
#df68b4 rgb(223,104,180)
```
#df9368
```
#df9368 rgb(223,147,104)
```

Tetradic Color

#2c94cf
```
#2c94cf rgb(44,148,207)
```
#3e9fd6
```
#3e9fd6 rgb(62,159,214)
```
#53aadb
```
#53aadb rgb(83,170,219)
```
#68b4df
```
#68b4df rgb(104,180,223)
```
#7dbee3
```
#7dbee3 rgb(125,190,227)
```
#92c9e8
```
#92c9e8 rgb(146,201,232)
```
#a7d3ec
```
#a7d3ec rgb(167,211,236)
```

Monochromatic Color

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

#68d2df
```
#68d2df rgb(104,210,223)
```
#68c8df
```
#68c8df rgb(104,200,223)
```
#68bedf
```
#68bedf rgb(104,190,223)
```
#68b4df
```
#68b4df rgb(104,180,223)
```
#68aadf
```
#68aadf rgb(104,170,223)
```
#68a0df
```
#68a0df rgb(104,160,223)
```
#6896df
```
#6896df rgb(104,150,223)
```

Similar Colors

Text with hexadecimal color #68b4df

This text has a font color of #68b4df.

<span style="color:#68b4df;">Text here</span>

#68b4df background color

This paragraph has a background color of #68b4df.

<p style="background-color:#68b4df;">Content here</p>

#68b4df border color

This element has a border color of #68b4df.

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

CSS codes

.text {color:#68b4df;}

.background {background-color:#68b4df;}

.border {border:1px solid #68b4df;}

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

#02080b
```
#02080b rgb(2,8,11)
```
#06131b
```
#06131b rgb(6,19,27)
```
#091f2b
```
#091f2b rgb(9,31,43)
```
#0d2a3b
```
#0d2a3b rgb(13,42,59)
```
#10364c
```
#10364c rgb(16,54,76)
```
#13425c
```
#13425c rgb(19,66,92)
```
#174d6c
```
#174d6c rgb(23,77,108)
```
#1a597c
```
#1a597c rgb(26,89,124)
```
#1e648c
```
#1e648c rgb(30,100,140)
```
#21709d
```
#21709d rgb(33,112,157)
```
#257cad
```
#257cad rgb(37,124,173)
```
#2887bd
```
#2887bd rgb(40,135,189)
```
#2b93cd
```
#2b93cd rgb(43,147,205)
```

Shade Color Variation

#379cd5
```
#379cd5 rgb(55,156,213)
```
#48a4d8
```
#48a4d8 rgb(72,164,216)
```
#58acdc
```
#58acdc rgb(88,172,220)
```
#68b4df
```
#68b4df rgb(104,180,223)
```
#78bce2
```
#78bce2 rgb(120,188,226)
```
#88c4e6
```
#88c4e6 rgb(136,196,230)
```
#99cce9
```
#99cce9 rgb(153,204,233)
```
#a9d4ed
```
#a9d4ed rgb(169,212,237)
```
#b9dcf0
```
#b9dcf0 rgb(185,220,240)
```
#c9e4f4
```
#c9e4f4 rgb(201,228,244)
```
#d9ecf7
```
#d9ecf7 rgb(217,236,247)
```
#e9f4fa
```
#e9f4fa rgb(233,244,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#a0a4a7
```
#a0a4a7 rgb(160,164,167)
```
#99a6ae
```
#99a6ae rgb(153,166,174)
```
#92a8b5
```
#92a8b5 rgb(146,168,181)
```
#8baabc
```
#8baabc rgb(139,170,188)
```
#84acc3
```
#84acc3 rgb(132,172,195)
```
#7daeca
```
#7daeca rgb(125,174,202)
```
#76b0d1
```
#76b0d1 rgb(118,176,209)
```
#6fb2d8
```
#6fb2d8 rgb(111,178,216)
```
#68b4df
```
#68b4df rgb(104,180,223)
```
#61b6e6
```
#61b6e6 rgb(97,182,230)
```
#5ab8ed
```
#5ab8ed rgb(90,184,237)
```
#53baf4
```
#53baf4 rgb(83,186,244)
```
#4cbcfb
```
#4cbcfb rgb(76,188,251)
```

Tone Color Variation

Below, you can see how #68b4df 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

#a2a2a2 Achromatopsia 0.005% of the population
#96a6ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3aeda Protanopia 1% of men
#a0ade4 Deuteranopia 1% of men
#65bcc9 Tritanopia 0.001% of the population

Trichromacy

#8eb0db Protanomaly 1% of men, 0.01% of women
#8cafe2 Deuteranomaly 6% of men, 0.4% of women
#66b9d1 Tritanomaly 0.01% of the population

#68b4df hex color

#68b4df Color Information

#68b4df Color Conversion

Color Schemes with #68b4df

Alternatives to #68b4df

#68b4df Preview

Shades and Tints of #68b4df

Tones of #68b4df

Color Blindness Simulator