#68a7fd hex color

In a RGB color space, hex #68a7fd is composed of 40.8% red, 65.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 34% magenta, 0% yellow and 0.8% black. It has a hue angle of 214.6 degrees, a saturation of 97.4% and a lightness of 70%. #68a7fd color hex could be obtained by blending #d0ffff with #004ffb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 65
- B 99
RGB color chart
- C 59
- M 34
- Y 0
- K 1
CMYK color chart

● #68a7fd color description : Soft blue.

The hexadecimal color #68a7fd has RGB values of R:104, G:167, B:253 and CMYK values of C:0.59, M:0.34, Y:0, K:0.01. Its decimal value is 6858749.

Hex triplet	68a7fd	`#68a7fd`
RGB Decimal	104, 167, 253	`rgb(104,167,253)`
RGB Percent	40.8, 65.5, 99.2	`rgb(40.8%,65.5%,99.2%)`
CMYK	59, 34, 0, 1
HSL	214.6°, 97.4, 70	`hsl(214.6,97.4%,70%)`
HSV (or HSB)	214.6°, 58.9, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.777, 4.807, -48.81
XYZ	37.253, 37.67, 98.231
xyY	0.215, 0.218, 37.67
CIE-LCH	67.777, 49.046, 275.624
CIE-LUV	67.777, -27.945, -79.629
Hunter-Lab	61.376, 0.936, -51.929
Binary	01101000, 10100111, 11111101

#68a7fd
```
#68a7fd rgb(104,167,253)
```
#fdbe68
```
#fdbe68 rgb(253,190,104)
```

Complementary Color

#68f2fd
```
#68f2fd rgb(104,242,253)
```
#68a7fd
```
#68a7fd rgb(104,167,253)
```
#7468fd
```
#7468fd rgb(116,104,253)
```

Analogous Color

#f2fd68
```
#f2fd68 rgb(242,253,104)
```
#68a7fd
```
#68a7fd rgb(104,167,253)
```
#fd7468
```
#fd7468 rgb(253,116,104)
```

Split Complementary Color

#a7fd68
```
#a7fd68 rgb(167,253,104)
```
#68a7fd
```
#68a7fd rgb(104,167,253)
```
#fd68a7
```
#fd68a7 rgb(253,104,167)
```

Triadic Color

#68fdbe
```
#68fdbe rgb(104,253,190)
```
#68a7fd
```
#68a7fd rgb(104,167,253)
```
#fd68a7
```
#fd68a7 rgb(253,104,167)
```
#fdbe68
```
#fdbe68 rgb(253,190,104)
```

Tetradic Color

#1d7bfc
```
#1d7bfc rgb(29,123,252)
```
#368afc
```
#368afc rgb(54,138,252)
```
#4f98fd
```
#4f98fd rgb(79,152,253)
```
#68a7fd
```
#68a7fd rgb(104,167,253)
```
#81b6fd
```
#81b6fd rgb(129,182,253)
```
#9ac4fe
```
#9ac4fe rgb(154,196,254)
```
#b4d3fe
```
#b4d3fe rgb(180,211,254)
```

Monochromatic Color

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

#68ccfd
```
#68ccfd rgb(104,204,253)
```
#68c0fd
```
#68c0fd rgb(104,192,253)
```
#68b3fd
```
#68b3fd rgb(104,179,253)
```
#68a7fd
```
#68a7fd rgb(104,167,253)
```
#689bfd
```
#689bfd rgb(104,155,253)
```
#688efd
```
#688efd rgb(104,142,253)
```
#6882fd
```
#6882fd rgb(104,130,253)
```

Similar Colors

Text with hexadecimal color #68a7fd

This text has a font color of #68a7fd.

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

#68a7fd background color

This paragraph has a background color of #68a7fd.

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

#68a7fd border color

This element has a border color of #68a7fd.

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

CSS codes

.text {color:#68a7fd;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000a17
```
#000a17 rgb(0,10,23)
```
#01122b
```
#01122b rgb(1,18,43)
```
#011b3e
```
#011b3e rgb(1,27,62)
```
#012351
```
#012351 rgb(1,35,81)
```
#012b65
```
#012b65 rgb(1,43,101)
```
#023478
```
#023478 rgb(2,52,120)
```
#023c8b
```
#023c8b rgb(2,60,139)
```
#02449f
```
#02449f rgb(2,68,159)
```
#024db2
```
#024db2 rgb(2,77,178)
```
#0355c5
```
#0355c5 rgb(3,85,197)
```
#035dd9
```
#035dd9 rgb(3,93,217)
```
#0366ec
```
#0366ec rgb(3,102,236)
```

Shade Color Variation

#076ffc
```
#076ffc rgb(7,111,252)
```
#1b7afc
```
#1b7afc rgb(27,122,252)
```
#2e85fc
```
#2e85fc rgb(46,133,252)
```
#4190fc
```
#4190fc rgb(65,144,252)
```
#559cfd
```
#559cfd rgb(85,156,253)
```
#68a7fd
```
#68a7fd rgb(104,167,253)
```
#7bb2fd
```
#7bb2fd rgb(123,178,253)
```
#8fbefe
```
#8fbefe rgb(143,190,254)
```
#a2c9fe
```
#a2c9fe rgb(162,201,254)
```
#b5d4fe
```
#b5d4fe rgb(181,212,254)
```
#c9dffe
```
#c9dffe rgb(201,223,254)
```
#dcebff
```
#dcebff rgb(220,235,255)
```
#f0f6ff
```
#f0f6ff rgb(240,246,255)
```

Tint Color Variation

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

#afb2b6
```
#afb2b6 rgb(175,178,182)
```
#a9b1bc
```
#a9b1bc rgb(169,177,188)
```
#a3b0c2
```
#a3b0c2 rgb(163,176,194)
```
#9dafc8
```
#9dafc8 rgb(157,175,200)
```
#97aece
```
#97aece rgb(151,174,206)
```
#91add4
```
#91add4 rgb(145,173,212)
```
#8bacda
```
#8bacda rgb(139,172,218)
```
#85ace0
```
#85ace0 rgb(133,172,224)
```
#80abe5
```
#80abe5 rgb(128,171,229)
```
#7aaaeb
```
#7aaaeb rgb(122,170,235)
```
#74a9f1
```
#74a9f1 rgb(116,169,241)
```
#6ea8f7
```
#6ea8f7 rgb(110,168,247)
```
#68a7fd
```
#68a7fd rgb(104,167,253)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#93a0b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa7f9 Protanopia 1% of men
#79a9fd Deuteranopia 1% of men
#4fb7c5 Tritanopia 0.001% of the population

Trichromacy

#7da7fa Protanomaly 1% of men, 0.01% of women
#73a8fd Deuteranomaly 6% of men, 0.4% of women
#58b1d9 Tritanomaly 0.01% of the population

#68a7fd hex color

#68a7fd Color Information

#68a7fd Color Conversion

Color Schemes with #68a7fd

Alternatives to #68a7fd

#68a7fd Preview

Shades and Tints of #68a7fd

Tones of #68a7fd

Color Blindness Simulator