#68b4db hex color

In a RGB color space, hex #68b4db is composed of 40.8% red, 70.6% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 17.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 200.3 degrees, a saturation of 61.5% and a lightness of 63.3%. #68b4db color hex could be obtained by blending #d0ffff with #0069b7. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 41
- G 71
- B 86
RGB color chart
- C 53
- M 18
- Y 0
- K 14
CMYK color chart

● #68b4db color description : Soft blue.

The hexadecimal color #68b4db has RGB values of R:104, G:180, B:219 and CMYK values of C:0.53, M:0.18, Y:0, K:0.14. Its decimal value is 6862043.

Hex triplet	68b4db	`#68b4db`
RGB Decimal	104, 180, 219	`rgb(104,180,219)`
RGB Percent	40.8, 70.6, 85.9	`rgb(40.8%,70.6%,85.9%)`
CMYK	53, 18, 0, 14
HSL	200.3°, 61.5, 63.3	`hsl(200.3,61.5%,63.3%)`
HSV (or HSB)	200.3°, 52.5, 85.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.964, -12.79, -26.86
XYZ	34.813, 40.698, 73.035
xyY	0.234, 0.274, 40.698
CIE-LCH	69.964, 29.75, 244.538
CIE-LUV	69.964, -33.416, -40.555
Hunter-Lab	63.795, -14.233, -23.221
Binary	01101000, 10110100, 11011011

#68b4db
```
#68b4db rgb(104,180,219)
```
#db8f68
```
#db8f68 rgb(219,143,104)
```

Complementary Color

#68dbc9
```
#68dbc9 rgb(104,219,201)
```
#68b4db
```
#68b4db rgb(104,180,219)
```
#687bdb
```
#687bdb rgb(104,123,219)
```

Analogous Color

#dbc968
```
#dbc968 rgb(219,201,104)
```
#68b4db
```
#68b4db rgb(104,180,219)
```
#db687b
```
#db687b rgb(219,104,123)
```

Split Complementary Color

#b4db68
```
#b4db68 rgb(180,219,104)
```
#68b4db
```
#68b4db rgb(104,180,219)
```
#db68b4
```
#db68b4 rgb(219,104,180)
```

Triadic Color

#68db8f
```
#68db8f rgb(104,219,143)
```
#68b4db
```
#68b4db rgb(104,180,219)
```
#db68b4
```
#db68b4 rgb(219,104,180)
```
#db8f68
```
#db8f68 rgb(219,143,104)
```

Tetradic Color

#2f94c7
```
#2f94c7 rgb(47,148,199)
```
#3fa0d1
```
#3fa0d1 rgb(63,160,209)
```
#53aad6
```
#53aad6 rgb(83,170,214)
```
#68b4db
```
#68b4db rgb(104,180,219)
```
#7dbee0
```
#7dbee0 rgb(125,190,224)
```
#91c8e5
```
#91c8e5 rgb(145,200,229)
```
#a6d3ea
```
#a6d3ea rgb(166,211,234)
```

Monochromatic Color

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

#68d1db
```
#68d1db rgb(104,209,219)
```
#68c7db
```
#68c7db rgb(104,199,219)
```
#68bedb
```
#68bedb rgb(104,190,219)
```
#68b4db
```
#68b4db rgb(104,180,219)
```
#68aadb
```
#68aadb rgb(104,170,219)
```
#68a1db
```
#68a1db rgb(104,161,219)
```
#6897db
```
#6897db rgb(104,151,219)
```

Similar Colors

Text with hexadecimal color #68b4db

This text has a font color of #68b4db.

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

#68b4db background color

This paragraph has a background color of #68b4db.

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

#68b4db border color

This element has a border color of #68b4db.

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

CSS codes

.text {color:#68b4db;}

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

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

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

#020507
```
#020507 rgb(2,5,7)
```
#061117
```
#061117 rgb(6,17,23)
```
#091d27
```
#091d27 rgb(9,29,39)
```
#0d2937
```
#0d2937 rgb(13,41,55)
```
#113447
```
#113447 rgb(17,52,71)
```
#154057
```
#154057 rgb(21,64,87)
```
#184c66
```
#184c66 rgb(24,76,102)
```
#1c5876
```
#1c5876 rgb(28,88,118)
```
#206386
```
#206386 rgb(32,99,134)
```
#246f96
```
#246f96 rgb(36,111,150)
```
#287ba6
```
#287ba6 rgb(40,123,166)
```
#2b87b6
```
#2b87b6 rgb(43,135,182)
```
#2f92c5
```
#2f92c5 rgb(47,146,197)
```

Shade Color Variation

#389cd0
```
#389cd0 rgb(56,156,208)
```
#48a4d3
```
#48a4d3 rgb(72,164,211)
```
#58acd7
```
#58acd7 rgb(88,172,215)
```
#68b4db
```
#68b4db rgb(104,180,219)
```
#78bcdf
```
#78bcdf rgb(120,188,223)
```
#88c4e3
```
#88c4e3 rgb(136,196,227)
```
#98cce6
```
#98cce6 rgb(152,204,230)
```
#a7d3ea
```
#a7d3ea rgb(167,211,234)
```
#b7dbee
```
#b7dbee rgb(183,219,238)
```
#c7e3f2
```
#c7e3f2 rgb(199,227,242)
```
#d7ebf5
```
#d7ebf5 rgb(215,235,245)
```
#e7f3f9
```
#e7f3f9 rgb(231,243,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9aa4a9 is the less saturated color, while #44c0ff is the most saturated one.

#9aa4a9
```
#9aa4a9 rgb(154,164,169)
```
#93a6b0
```
#93a6b0 rgb(147,166,176)
```
#8ca8b7
```
#8ca8b7 rgb(140,168,183)
```
#85abbe
```
#85abbe rgb(133,171,190)
```
#7eadc5
```
#7eadc5 rgb(126,173,197)
```
#76afcd
```
#76afcd rgb(118,175,205)
```
#6fb2d4
```
#6fb2d4 rgb(111,178,212)
```
#68b4db
```
#68b4db rgb(104,180,219)
```
#61b6e2
```
#61b6e2 rgb(97,182,226)
```
#5ab9e9
```
#5ab9e9 rgb(90,185,233)
```
#52bbf1
```
#52bbf1 rgb(82,187,241)
```
#4bbdf8
```
#4bbdf8 rgb(75,189,248)
```
#44c0ff
```
#44c0ff rgb(68,192,255)
```

Tone Color Variation

Below, you can see how #68b4db 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
#96a6ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4add6 Protanopia 1% of men
#a2ace1 Deuteranopia 1% of men
#66bbc9 Tritanopia 0.001% of the population

Trichromacy

#8eafd8 Protanomaly 1% of men, 0.01% of women
#8dafde Deuteranomaly 6% of men, 0.4% of women
#67b8cf Tritanomaly 0.01% of the population

#68b4db hex color

#68b4db Color Information

#68b4db Color Conversion

Color Schemes with #68b4db

Alternatives to #68b4db

#68b4db Preview

Shades and Tints of #68b4db

Tones of #68b4db

Color Blindness Simulator