#68b4ea hex color

In a RGB color space, hex #68b4ea is composed of 40.8% red, 70.6% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 23.1% magenta, 0% yellow and 8.2% black. It has a hue angle of 204.9 degrees, a saturation of 75.6% and a lightness of 66.3%. #68b4ea color hex could be obtained by blending #d0ffff with #0069d5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 41
- G 71
- B 92
RGB color chart
- C 56
- M 23
- Y 0
- K 8
CMYK color chart

● #68b4ea color description : Soft blue.

The hexadecimal color #68b4ea has RGB values of R:104, G:180, B:234 and CMYK values of C:0.56, M:0.23, Y:0, K:0.08. Its decimal value is 6862058.

Hex triplet	68b4ea	`#68b4ea`
RGB Decimal	104, 180, 234	`rgb(104,180,234)`
RGB Percent	40.8, 70.6, 91.8	`rgb(40.8%,70.6%,91.8%)`
CMYK	56, 23, 0, 8
HSL	204.9°, 75.6, 66.3	`hsl(204.9,75.6%,66.3%)`
HSV (or HSB)	204.9°, 55.6, 91.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.541, -8.343, -34.154
XYZ	36.878, 41.524, 83.909
xyY	0.227, 0.256, 41.524
CIE-LCH	70.541, 35.158, 256.274
CIE-LUV	70.541, -33.013, -53.482
Hunter-Lab	64.439, -10.614, -32.097
Binary	01101000, 10110100, 11101010

#68b4ea
```
#68b4ea rgb(104,180,234)
```
#ea9e68
```
#ea9e68 rgb(234,158,104)
```

Complementary Color

#68eadf
```
#68eadf rgb(104,234,223)
```
#68b4ea
```
#68b4ea rgb(104,180,234)
```
#6873ea
```
#6873ea rgb(104,115,234)
```

Analogous Color

#eadf68
```
#eadf68 rgb(234,223,104)
```
#68b4ea
```
#68b4ea rgb(104,180,234)
```
#ea6873
```
#ea6873 rgb(234,104,115)
```

Split Complementary Color

#b4ea68
```
#b4ea68 rgb(180,234,104)
```
#68b4ea
```
#68b4ea rgb(104,180,234)
```
#ea68b4
```
#ea68b4 rgb(234,104,180)
```

Triadic Color

#68ea9e
```
#68ea9e rgb(104,234,158)
```
#68b4ea
```
#68b4ea rgb(104,180,234)
```
#ea68b4
```
#ea68b4 rgb(234,104,180)
```
#ea9e68
```
#ea9e68 rgb(234,158,104)
```

Tetradic Color

#2593e1
```
#2593e1 rgb(37,147,225)
```
#3b9ee4
```
#3b9ee4 rgb(59,158,228)
```
#52a9e7
```
#52a9e7 rgb(82,169,231)
```
#68b4ea
```
#68b4ea rgb(104,180,234)
```
#7ebfed
```
#7ebfed rgb(126,191,237)
```
#95caf0
```
#95caf0 rgb(149,202,240)
```
#abd5f3
```
#abd5f3 rgb(171,213,243)
```

Monochromatic Color

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

#68d5ea
```
#68d5ea rgb(104,213,234)
```
#68caea
```
#68caea rgb(104,202,234)
```
#68bfea
```
#68bfea rgb(104,191,234)
```
#68b4ea
```
#68b4ea rgb(104,180,234)
```
#68a9ea
```
#68a9ea rgb(104,169,234)
```
#689eea
```
#689eea rgb(104,158,234)
```
#6894ea
```
#6894ea rgb(104,148,234)
```

Similar Colors

Text with hexadecimal color #68b4ea

This text has a font color of #68b4ea.

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

#68b4ea background color

This paragraph has a background color of #68b4ea.

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

#68b4ea border color

This element has a border color of #68b4ea.

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

CSS codes

.text {color:#68b4ea;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#030e15
```
#030e15 rgb(3,14,21)
```
#051926
```
#051926 rgb(5,25,38)
```
#082438
```
#082438 rgb(8,36,56)
```
#0a2f49
```
#0a2f49 rgb(10,47,73)
```
#0d3a5a
```
#0d3a5a rgb(13,58,90)
```
#0f456b
```
#0f456b rgb(15,69,107)
```
#11507d
```
#11507d rgb(17,80,125)
```
#145b8e
```
#145b8e rgb(20,91,142)
```
#16669f
```
#16669f rgb(22,102,159)
```
#1971b0
```
#1971b0 rgb(25,113,176)
```
#1b7cc1
```
#1b7cc1 rgb(27,124,193)
```
#1d87d3
```
#1d87d3 rgb(29,135,211)
```

Shade Color Variation

#2392e0
```
#2392e0 rgb(35,146,224)
```
#349ae3
```
#349ae3 rgb(52,154,227)
```
#46a3e5
```
#46a3e5 rgb(70,163,229)
```
#57abe8
```
#57abe8 rgb(87,171,232)
```
#68b4ea
```
#68b4ea rgb(104,180,234)
```
#79bdec
```
#79bdec rgb(121,189,236)
```
#8ac5ef
```
#8ac5ef rgb(138,197,239)
```
#9ccef1
```
#9ccef1 rgb(156,206,241)
```
#add6f4
```
#add6f4 rgb(173,214,244)
```
#bedff6
```
#bedff6 rgb(190,223,246)
```
#cfe7f8
```
#cfe7f8 rgb(207,231,248)
```
#e1f0fb
```
#e1f0fb rgb(225,240,251)
```
#f2f8fd
```
#f2f8fd rgb(242,248,253)
```

Tint Color Variation

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

#a4aaae
```
#a4aaae rgb(164,170,174)
```
#9dabb5
```
#9dabb5 rgb(157,171,181)
```
#96acbc
```
#96acbc rgb(150,172,188)
```
#90adc2
```
#90adc2 rgb(144,173,194)
```
#89aec9
```
#89aec9 rgb(137,174,201)
```
#82b0d0
```
#82b0d0 rgb(130,176,208)
```
#7cb1d6
```
#7cb1d6 rgb(124,177,214)
```
#75b2dd
```
#75b2dd rgb(117,178,221)
```
#6fb3e3
```
#6fb3e3 rgb(111,179,227)
```
#68b4ea
```
#68b4ea rgb(104,180,234)
```
#61b5f1
```
#61b5f1 rgb(97,181,241)
```
#5bb6f7
```
#5bb6f7 rgb(91,182,247)
```
#54b7fe
```
#54b7fe rgb(84,183,254)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#97a6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0aee4 Protanopia 1% of men
#9aaeee Deuteranopia 1% of men
#60bdcb Tritanopia 0.001% of the population

Trichromacy

#8cb0e6 Protanomaly 1% of men, 0.01% of women
#88b0ec Deuteranomaly 6% of men, 0.4% of women
#63bad6 Tritanomaly 0.01% of the population

#68b4ea hex color

#68b4ea Color Information

#68b4ea Color Conversion

Color Schemes with #68b4ea

Alternatives to #68b4ea

#68b4ea Preview

Shades and Tints of #68b4ea

Tones of #68b4ea

Color Blindness Simulator