#68d0f3 hex color

In a RGB color space, hex #68d0f3 is composed of 40.8% red, 81.6% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 14.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 195.1 degrees, a saturation of 85.3% and a lightness of 68%. #68d0f3 color hex could be obtained by blending #d0ffff with #00a1e7. Closest websafe color is: #66ccff.

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

● #68d0f3 color description : Soft blue.

The hexadecimal color #68d0f3 has RGB values of R:104, G:208, B:243 and CMYK values of C:0.57, M:0.14, Y:0, K:0.05. Its decimal value is 6869235.

Hex triplet	68d0f3	`#68d0f3`
RGB Decimal	104, 208, 243	`rgb(104,208,243)`
RGB Percent	40.8, 81.6, 95.3	`rgb(40.8%,81.6%,95.3%)`
CMYK	57, 14, 0, 5
HSL	195.1°, 85.3, 68	`hsl(195.1,85.3%,68%)`
HSV (or HSB)	195.1°, 57.2, 95.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.766, -20.403, -26.351
XYZ	44.438, 54.523, 92.971
xyY	0.232, 0.284, 54.523
CIE-LCH	78.766, 33.327, 232.251
CIE-LUV	78.766, -43.087, -39.262
Hunter-Lab	73.839, -21.794, -22.964
Binary	01101000, 11010000, 11110011

#68d0f3
```
#68d0f3 rgb(104,208,243)
```
#f38b68
```
#f38b68 rgb(243,139,104)
```

Complementary Color

#68f3d1
```
#68f3d1 rgb(104,243,209)
```
#68d0f3
```
#68d0f3 rgb(104,208,243)
```
#688bf3
```
#688bf3 rgb(104,139,243)
```

Analogous Color

#f3d168
```
#f3d168 rgb(243,209,104)
```
#68d0f3
```
#68d0f3 rgb(104,208,243)
```
#f3688b
```
#f3688b rgb(243,104,139)
```

Split Complementary Color

#d0f368
```
#d0f368 rgb(208,243,104)
```
#68d0f3
```
#68d0f3 rgb(104,208,243)
```
#f368d0
```
#f368d0 rgb(243,104,208)
```

Triadic Color

#68f38b
```
#68f38b rgb(104,243,139)
```
#68d0f3
```
#68d0f3 rgb(104,208,243)
```
#f368d0
```
#f368d0 rgb(243,104,208)
```
#f38b68
```
#f38b68 rgb(243,139,104)
```

Tetradic Color

#21baed
```
#21baed rgb(33,186,237)
```
#39c1ef
```
#39c1ef rgb(57,193,239)
```
#50c9f1
```
#50c9f1 rgb(80,201,241)
```
#68d0f3
```
#68d0f3 rgb(104,208,243)
```
#80d7f5
```
#80d7f5 rgb(128,215,245)
```
#97dff7
```
#97dff7 rgb(151,223,247)
```
#afe6f9
```
#afe6f9 rgb(175,230,249)
```

Monochromatic Color

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

#68f3f3
```
#68f3f3 rgb(104,243,243)
```
#68e7f3
```
#68e7f3 rgb(104,231,243)
```
#68dcf3
```
#68dcf3 rgb(104,220,243)
```
#68d0f3
```
#68d0f3 rgb(104,208,243)
```
#68c4f3
```
#68c4f3 rgb(104,196,243)
```
#68b9f3
```
#68b9f3 rgb(104,185,243)
```
#68adf3
```
#68adf3 rgb(104,173,243)
```

Similar Colors

Text with hexadecimal color #68d0f3

This text has a font color of #68d0f3.

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

#68d0f3 background color

This paragraph has a background color of #68d0f3.

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

#68d0f3 border color

This element has a border color of #68d0f3.

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

CSS codes

.text {color:#68d0f3;}

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

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

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, #010a0d is the darkest color, while #f9fdff is the lightest one.

#010a0d
```
#010a0d rgb(1,10,13)
```
#02181f
```
#02181f rgb(2,24,31)
```
#042631
```
#042631 rgb(4,38,49)
```
#053443
```
#053443 rgb(5,52,67)
```
#074155
```
#074155 rgb(7,65,85)
```
#084f67
```
#084f67 rgb(8,79,103)
```
#0a5d7a
```
#0a5d7a rgb(10,93,122)
```
#0b6b8c
```
#0b6b8c rgb(11,107,140)
```
#0d799e
```
#0d799e rgb(13,121,158)
```
#0e87b0
```
#0e87b0 rgb(14,135,176)
```
#0f95c2
```
#0f95c2 rgb(15,149,194)
```
#11a3d4
```
#11a3d4 rgb(17,163,212)
```
#12b1e7
```
#12b1e7 rgb(18,177,231)
```

Shade Color Variation

#1fb9ed
```
#1fb9ed rgb(31,185,237)
```
#31bfef
```
#31bfef rgb(49,191,239)
```
#44c5f0
```
#44c5f0 rgb(68,197,240)
```
#56caf2
```
#56caf2 rgb(86,202,242)
```
#68d0f3
```
#68d0f3 rgb(104,208,243)
```
#7ad6f4
```
#7ad6f4 rgb(122,214,244)
```
#8cdbf6
```
#8cdbf6 rgb(140,219,246)
```
#9fe1f7
```
#9fe1f7 rgb(159,225,247)
```
#b1e7f9
```
#b1e7f9 rgb(177,231,249)
```
#c3ecfa
```
#c3ecfa rgb(195,236,250)
```
#d5f2fc
```
#d5f2fc rgb(213,242,252)
```
#e7f8fd
```
#e7f8fd rgb(231,248,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#adaeae
```
#adaeae rgb(173,174,174)
```
#a7b1b4
```
#a7b1b4 rgb(167,177,180)
```
#a0b4bb
```
#a0b4bb rgb(160,180,187)
```
#9ab7c1
```
#9ab7c1 rgb(154,183,193)
```
#94bac7
```
#94bac7 rgb(148,186,199)
```
#8ebdcd
```
#8ebdcd rgb(142,189,205)
```
#87c0d4
```
#87c0d4 rgb(135,192,212)
```
#81c4da
```
#81c4da rgb(129,196,218)
```
#7bc7e0
```
#7bc7e0 rgb(123,199,224)
```
#75cae6
```
#75cae6 rgb(117,202,230)
```
#6ecded
```
#6ecded rgb(110,205,237)
```
#68d0f3
```
#68d0f3 rgb(104,208,243)
```
#62d3f9
```
#62d3f9 rgb(98,211,249)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a6bac1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc4ea Protanopia 1% of men
#bbc2f9 Deuteranopia 1% of men
#68d5e4 Tritanopia 0.001% of the population

Trichromacy

#9ec8ed Protanomaly 1% of men, 0.01% of women
#9dc7f7 Deuteranomaly 6% of men, 0.4% of women
#68d3e9 Tritanomaly 0.01% of the population

#68d0f3 hex color

#68d0f3 Color Information

#68d0f3 Color Conversion

Color Schemes with #68d0f3

Alternatives to #68d0f3

#68d0f3 Preview

Shades and Tints of #68d0f3

Tones of #68d0f3

Color Blindness Simulator