colorhexa.com

#68bde8 hex color

In a RGB color space, hex #68bde8 is composed of 40.8% red, 74.1% green and 91% blue. Whereas in a CMYK color space, it is composed of 55.2% cyan, 18.5% magenta, 0% yellow and 9% black. It has a hue angle of 200.2 degrees, a saturation of 73.6% and a lightness of 65.9%. #68bde8 color hex could be obtained by blending #d0ffff with #007bd1. Closest websafe color is: #66ccff.

- R 41
- G 74
- B 91
RGB color chart
- C 55
- M 19
- Y 0
- K 9
CMYK color chart

● #68bde8 color description : Soft blue.

The hexadecimal color #68bde8 has RGB values of R:104, G:189, B:232 and CMYK values of C:0.55, M:0.19, Y:0, K:0.09. Its decimal value is 6864360.

Hex triplet	68bde8	`#68bde8`
RGB Decimal	104, 189, 232	`rgb(104,189,232)`
RGB Percent	40.8, 74.1, 91	`rgb(40.8%,74.1%,91%)`
CMYK	55, 19, 0, 9
HSL	200.2°, 73.6, 65.9	`hsl(200.2,73.6%,65.9%)`
HSV (or HSB)	200.2°, 55.2, 91
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.998, -13.764, -29.275
XYZ	38.468, 45.162, 83.029
xyY	0.231, 0.271, 45.162
CIE-LCH	72.998, 32.349, 244.819
CIE-LUV	72.998, -36.425, -44.726
Hunter-Lab	67.203, -15.427, -26.211
Binary	01101000, 10111101, 11101000

#68bde8
```
#68bde8 rgb(104,189,232)
```
#e89368
```
#e89368 rgb(232,147,104)
```

Complementary Color

#68e8d3
```
#68e8d3 rgb(104,232,211)
```
#68bde8
```
#68bde8 rgb(104,189,232)
```
#687de8
```
#687de8 rgb(104,125,232)
```

Analogous Color

#e8d368
```
#e8d368 rgb(232,211,104)
```
#68bde8
```
#68bde8 rgb(104,189,232)
```
#e8687d
```
#e8687d rgb(232,104,125)
```

Split Complementary Color

#bde868
```
#bde868 rgb(189,232,104)
```
#68bde8
```
#68bde8 rgb(104,189,232)
```
#e868bd
```
#e868bd rgb(232,104,189)
```

Triadic Color

#68e893
```
#68e893 rgb(104,232,147)
```
#68bde8
```
#68bde8 rgb(104,189,232)
```
#e868bd
```
#e868bd rgb(232,104,189)
```
#e89368
```
#e89368 rgb(232,147,104)
```

Tetradic Color

#26a0de
```
#26a0de rgb(38,160,222)
```
#3caae1
```
#3caae1 rgb(60,170,225)
```
#52b3e5
```
#52b3e5 rgb(82,179,229)
```
#68bde8
```
#68bde8 rgb(104,189,232)
```
#7ec7eb
```
#7ec7eb rgb(126,199,235)
```
#94d0ef
```
#94d0ef rgb(148,208,239)
```
#aadaf2
```
#aadaf2 rgb(170,218,242)
```

Monochromatic Color

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

#68dde8
```
#68dde8 rgb(104,221,232)
```
#68d2e8
```
#68d2e8 rgb(104,210,232)
```
#68c8e8
```
#68c8e8 rgb(104,200,232)
```
#68bde8
```
#68bde8 rgb(104,189,232)
```
#68b2e8
```
#68b2e8 rgb(104,178,232)
```
#68a8e8
```
#68a8e8 rgb(104,168,232)
```
#689de8
```
#689de8 rgb(104,157,232)
```

Similar Colors

Text with hexadecimal color #68bde8

This text has a font color of #68bde8.

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

#68bde8 background color

This paragraph has a background color of #68bde8.

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

#68bde8 border color

This element has a border color of #68bde8.

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

CSS codes

.text {color:#68bde8;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#030e13
```
#030e13 rgb(3,14,19)
```
#061a24
```
#061a24 rgb(6,26,36)
```
#082635
```
#082635 rgb(8,38,53)
```
#0b3246
```
#0b3246 rgb(11,50,70)
```
#0d3e57
```
#0d3e57 rgb(13,62,87)
```
#104b68
```
#104b68 rgb(16,75,104)
```
#125779
```
#125779 rgb(18,87,121)
```
#15638a
```
#15638a rgb(21,99,138)
```
#186f9b
```
#186f9b rgb(24,111,155)
```
#1a7bac
```
#1a7bac rgb(26,123,172)
```
#1d88bd
```
#1d88bd rgb(29,136,189)
```
#1f94ce
```
#1f94ce rgb(31,148,206)
```

Shade Color Variation

#249fde
```
#249fde rgb(36,159,222)
```
#35a7e0
```
#35a7e0 rgb(53,167,224)
```
#46aee3
```
#46aee3 rgb(70,174,227)
```
#57b6e5
```
#57b6e5 rgb(87,182,229)
```
#68bde8
```
#68bde8 rgb(104,189,232)
```
#79c4eb
```
#79c4eb rgb(121,196,235)
```
#8acced
```
#8acced rgb(138,204,237)
```
#9bd3f0
```
#9bd3f0 rgb(155,211,240)
```
#acdbf2
```
#acdbf2 rgb(172,219,242)
```
#bde2f5
```
#bde2f5 rgb(189,226,245)
```
#ceeaf8
```
#ceeaf8 rgb(206,234,248)
```
#dff1fa
```
#dff1fa rgb(223,241,250)
```
#f0f9fd
```
#f0f9fd rgb(240,249,253)
```

Tint Color Variation

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

#a4a9ac
```
#a4a9ac rgb(164,169,172)
```
#9eabb2
```
#9eabb2 rgb(158,171,178)
```
#97aeb9
```
#97aeb9 rgb(151,174,185)
```
#90b0c0
```
#90b0c0 rgb(144,176,192)
```
#89b2c7
```
#89b2c7 rgb(137,178,199)
```
#83b4cd
```
#83b4cd rgb(131,180,205)
```
#7cb6d4
```
#7cb6d4 rgb(124,182,212)
```
#75b9db
```
#75b9db rgb(117,185,219)
```
#6fbbe1
```
#6fbbe1 rgb(111,187,225)
```
#68bde8
```
#68bde8 rgb(104,189,232)
```
#61bfef
```
#61bfef rgb(97,191,239)
```
#5bc1f5
```
#5bc1f5 rgb(91,193,245)
```
#54c4fc
```
#54c4fc rgb(84,196,252)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#9bacb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb5e1 Protanopia 1% of men
#a8b4ed Deuteranopia 1% of men
#64c4d2 Tritanopia 0.001% of the population

Trichromacy

#92b8e4 Protanomaly 1% of men, 0.01% of women
#90b7eb Deuteranomaly 6% of men, 0.4% of women
#66c1da Tritanomaly 0.01% of the population