#68c3f2 hex color

In a RGB color space, hex #68c3f2 is composed of 40.8% red, 76.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 19.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 200.4 degrees, a saturation of 84.1% and a lightness of 67.8%. #68c3f2 color hex could be obtained by blending #d0ffff with #0087e5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 41
- G 76
- B 95
RGB color chart
- C 57
- M 19
- Y 0
- K 5
CMYK color chart

● #68c3f2 color description : Soft blue.

The hexadecimal color #68c3f2 has RGB values of R:104, G:195, B:242 and CMYK values of C:0.57, M:0.19, Y:0, K:0.05. Its decimal value is 6865906.

Hex triplet	68c3f2	`#68c3f2`
RGB Decimal	104, 195, 242	`rgb(104,195,242)`
RGB Percent	40.8, 76.5, 94.9	`rgb(40.8%,76.5%,94.9%)`
CMYK	57, 19, 0, 5
HSL	200.4°, 84.1, 67.8	`hsl(200.4,84.1%,67.8%)`
HSV (or HSB)	200.4°, 57, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.065, -13.972, -31.495
XYZ	41.247, 48.381, 91.164
xyY	0.228, 0.268, 48.381
CIE-LCH	75.065, 34.455, 246.076
CIE-LUV	75.065, -38.319, -48.633
Hunter-Lab	69.557, -15.874, -29.019
Binary	01101000, 11000011, 11110010

#68c3f2
```
#68c3f2 rgb(104,195,242)
```
#f29768
```
#f29768 rgb(242,151,104)
```

Complementary Color

#68f2dc
```
#68f2dc rgb(104,242,220)
```
#68c3f2
```
#68c3f2 rgb(104,195,242)
```
#687ef2
```
#687ef2 rgb(104,126,242)
```

Analogous Color

#f2dc68
```
#f2dc68 rgb(242,220,104)
```
#68c3f2
```
#68c3f2 rgb(104,195,242)
```
#f2687e
```
#f2687e rgb(242,104,126)
```

Split Complementary Color

#c3f268
```
#c3f268 rgb(195,242,104)
```
#68c3f2
```
#68c3f2 rgb(104,195,242)
```
#f268c3
```
#f268c3 rgb(242,104,195)
```

Triadic Color

#68f297
```
#68f297 rgb(104,242,151)
```
#68c3f2
```
#68c3f2 rgb(104,195,242)
```
#f268c3
```
#f268c3 rgb(242,104,195)
```
#f29768
```
#f29768 rgb(242,151,104)
```

Tetradic Color

#22a7ec
```
#22a7ec rgb(34,167,236)
```
#39b0ee
```
#39b0ee rgb(57,176,238)
```
#51baf0
```
#51baf0 rgb(81,186,240)
```
#68c3f2
```
#68c3f2 rgb(104,195,242)
```
#7fccf4
```
#7fccf4 rgb(127,204,244)
```
#97d6f6
```
#97d6f6 rgb(151,214,246)
```
#aedff8
```
#aedff8 rgb(174,223,248)
```

Monochromatic Color

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

#68e6f2
```
#68e6f2 rgb(104,230,242)
```
#68daf2
```
#68daf2 rgb(104,218,242)
```
#68cff2
```
#68cff2 rgb(104,207,242)
```
#68c3f2
```
#68c3f2 rgb(104,195,242)
```
#68b8f2
```
#68b8f2 rgb(104,184,242)
```
#68acf2
```
#68acf2 rgb(104,172,242)
```
#68a1f2
```
#68a1f2 rgb(104,161,242)
```

Similar Colors

Text with hexadecimal color #68c3f2

This text has a font color of #68c3f2.

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

#68c3f2 background color

This paragraph has a background color of #68c3f2.

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

#68c3f2 border color

This element has a border color of #68c3f2.

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

CSS codes

.text {color:#68c3f2;}

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

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

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, #01080c is the darkest color, while #f8fcfe is the lightest one.

#01080c
```
#01080c rgb(1,8,12)
```
#03141e
```
#03141e rgb(3,20,30)
```
#042130
```
#042130 rgb(4,33,48)
```
#062d42
```
#062d42 rgb(6,45,66)
```
#073a54
```
#073a54 rgb(7,58,84)
```
#094666
```
#094666 rgb(9,70,102)
```
#0a5378
```
#0a5378 rgb(10,83,120)
```
#0c5f8a
```
#0c5f8a rgb(12,95,138)
```
#0d6b9c
```
#0d6b9c rgb(13,107,156)
```
#0f78ae
```
#0f78ae rgb(15,120,174)
```
#1184c0
```
#1184c0 rgb(17,132,192)
```
#1291d2
```
#1291d2 rgb(18,145,210)
```
#149de4
```
#149de4 rgb(20,157,228)
```

Shade Color Variation

#20a6ec
```
#20a6ec rgb(32,166,236)
```
#32aded
```
#32aded rgb(50,173,237)
```
#44b5ef
```
#44b5ef rgb(68,181,239)
```
#56bcf0
```
#56bcf0 rgb(86,188,240)
```
#68c3f2
```
#68c3f2 rgb(104,195,242)
```
#7acaf4
```
#7acaf4 rgb(122,202,244)
```
#8cd1f5
```
#8cd1f5 rgb(140,209,245)
```
#9ed9f7
```
#9ed9f7 rgb(158,217,247)
```
#b0e0f8
```
#b0e0f8 rgb(176,224,248)
```
#c2e7fa
```
#c2e7fa rgb(194,231,250)
```
#d4eefb
```
#d4eefb rgb(212,238,251)
```
#e6f5fd
```
#e6f5fd rgb(230,245,253)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#a7afb3
```
#a7afb3 rgb(167,175,179)
```
#a1b1b9
```
#a1b1b9 rgb(161,177,185)
```
#9ab3c0
```
#9ab3c0 rgb(154,179,192)
```
#94b5c6
```
#94b5c6 rgb(148,181,198)
```
#8eb7cc
```
#8eb7cc rgb(142,183,204)
```
#88b9d2
```
#88b9d2 rgb(136,185,210)
```
#81bbd9
```
#81bbd9 rgb(129,187,217)
```
#7bbddf
```
#7bbddf rgb(123,189,223)
```
#75bfe5
```
#75bfe5 rgb(117,191,229)
```
#6ec1ec
```
#6ec1ec rgb(110,193,236)
```
#68c3f2
```
#68c3f2 rgb(104,195,242)
```
#62c5f8
```
#62c5f8 rgb(98,197,248)
```
#5bc7ff
```
#5bc7ff rgb(91,199,255)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9fb1bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#afbaeb Protanopia 1% of men
#aabaf7 Deuteranopia 1% of men
#62cad9 Tritanopia 0.001% of the population

Trichromacy

#95bded Protanomaly 1% of men, 0.01% of women
#92bdf5 Deuteranomaly 6% of men, 0.4% of women
#64c7e2 Tritanomaly 0.01% of the population

#68c3f2 hex color

#68c3f2 Color Information

#68c3f2 Color Conversion

Color Schemes with #68c3f2

Alternatives to #68c3f2

#68c3f2 Preview

Shades and Tints of #68c3f2

Tones of #68c3f2

Color Blindness Simulator