#2c68d5 hex color

In a RGB color space, hex #2c68d5 is composed of 17.3% red, 40.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 51.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 218.7 degrees, a saturation of 66.8% and a lightness of 50.4%. #2c68d5 color hex could be obtained by blending #58d0ff with #0000ab. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 41
- B 84
RGB color chart
- C 79
- M 51
- Y 0
- K 16
CMYK color chart

● #2c68d5 color description : Strong blue.

The hexadecimal color #2c68d5 has RGB values of R:44, G:104, B:213 and CMYK values of C:0.79, M:0.51, Y:0, K:0.16. Its decimal value is 2910421.

Hex triplet	2c68d5	`#2c68d5`
RGB Decimal	44, 104, 213	`rgb(44,104,213)`
RGB Percent	17.3, 40.8, 83.5	`rgb(17.3%,40.8%,83.5%)`
CMYK	79, 51, 0, 16
HSL	218.7°, 66.8, 50.4	`hsl(218.7,66.8%,50.4%)`
HSV (or HSB)	218.7°, 79.3, 83.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.96, 20.047, -61.524
XYZ	17.997, 15.239, 64.94
xyY	0.183, 0.155, 15.239
CIE-LCH	45.96, 64.707, 288.048
CIE-LUV	45.96, -20.764, -94.175
Hunter-Lab	39.037, 13.977, -71.306
Binary	00101100, 01101000, 11010101

#2c68d5
```
#2c68d5 rgb(44,104,213)
```
#d5992c
```
#d5992c rgb(213,153,44)
```

Complementary Color

#2cbdd5
```
#2cbdd5 rgb(44,189,213)
```
#2c68d5
```
#2c68d5 rgb(44,104,213)
```
#452cd5
```
#452cd5 rgb(69,44,213)
```

Analogous Color

#bdd52c
```
#bdd52c rgb(189,213,44)
```
#2c68d5
```
#2c68d5 rgb(44,104,213)
```
#d5452c
```
#d5452c rgb(213,69,44)
```

Split Complementary Color

#68d52c
```
#68d52c rgb(104,213,44)
```
#2c68d5
```
#2c68d5 rgb(44,104,213)
```
#d52c68
```
#d52c68 rgb(213,44,104)
```

Triadic Color

#2cd599
```
#2cd599 rgb(44,213,153)
```
#2c68d5
```
#2c68d5 rgb(44,104,213)
```
#d52c68
```
#d52c68 rgb(213,44,104)
```
#d5992c
```
#d5992c rgb(213,153,44)
```

Tetradic Color

#1e4997
```
#1e4997 rgb(30,73,151)
```
#2253ac
```
#2253ac rgb(34,83,172)
```
#265dc1
```
#265dc1 rgb(38,93,193)
```
#2c68d5
```
#2c68d5 rgb(44,104,213)
```
#4177d9
```
#4177d9 rgb(65,119,217)
```
#5786dd
```
#5786dd rgb(87,134,221)
```
#6c96e2
```
#6c96e2 rgb(108,150,226)
```

Monochromatic Color

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

#2c92d5
```
#2c92d5 rgb(44,146,213)
```
#2c84d5
```
#2c84d5 rgb(44,132,213)
```
#2c76d5
```
#2c76d5 rgb(44,118,213)
```
#2c68d5
```
#2c68d5 rgb(44,104,213)
```
#2c5ad5
```
#2c5ad5 rgb(44,90,213)
```
#2c4cd5
```
#2c4cd5 rgb(44,76,213)
```
#2c3ed5
```
#2c3ed5 rgb(44,62,213)
```

Similar Colors

Text with hexadecimal color #2c68d5

This text has a font color of #2c68d5.

<span style="color:#2c68d5;">Text here</span>

#2c68d5 background color

This paragraph has a background color of #2c68d5.

<p style="background-color:#2c68d5;">Content here</p>

#2c68d5 border color

This element has a border color of #2c68d5.

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

CSS codes

.text {color:#2c68d5;}

.background {background-color:#2c68d5;}

.border {border:1px solid #2c68d5;}

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

#000102
```
#000102 rgb(0,1,2)
```
#040912
```
#040912 rgb(4,9,18)
```
#071122
```
#071122 rgb(7,17,34)
```
#0a1933
```
#0a1933 rgb(10,25,51)
```
#0d2043
```
#0d2043 rgb(13,32,67)
```
#112853
```
#112853 rgb(17,40,83)
```
#143064
```
#143064 rgb(20,48,100)
```
#173874
```
#173874 rgb(23,56,116)
```
#1a4085
```
#1a4085 rgb(26,64,133)
```
#1e4895
```
#1e4895 rgb(30,72,149)
```
#2150a5
```
#2150a5 rgb(33,80,165)
```
#2458b6
```
#2458b6 rgb(36,88,182)
```
#2760c6
```
#2760c6 rgb(39,96,198)
```

Shade Color Variation

#2c68d5
```
#2c68d5 rgb(44,104,213)
```
#3c74d8
```
#3c74d8 rgb(60,116,216)
```
#4d7fdc
```
#4d7fdc rgb(77,127,220)
```
#5d8bdf
```
#5d8bdf rgb(93,139,223)
```
#6d97e2
```
#6d97e2 rgb(109,151,226)
```
#7ea3e5
```
#7ea3e5 rgb(126,163,229)
```
#8eaee9
```
#8eaee9 rgb(142,174,233)
```
#9fbaec
```
#9fbaec rgb(159,186,236)
```
#afc6ef
```
#afc6ef rgb(175,198,239)
```
#bfd1f2
```
#bfd1f2 rgb(191,209,242)
```
#d0ddf6
```
#d0ddf6 rgb(208,221,246)
```
#e0e9f9
```
#e0e9f9 rgb(224,233,249)
```
#f0f4fc
```
#f0f4fc rgb(240,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7f87 is the less saturated color, while #055dfc is the most saturated one.

#7a7f87
```
#7a7f87 rgb(122,127,135)
```
#707c91
```
#707c91 rgb(112,124,145)
```
#66799b
```
#66799b rgb(102,121,155)
```
#5d76a4
```
#5d76a4 rgb(93,118,164)
```
#5373ae
```
#5373ae rgb(83,115,174)
```
#4970b8
```
#4970b8 rgb(73,112,184)
```
#3f6ec2
```
#3f6ec2 rgb(63,110,194)
```
#366bcb
```
#366bcb rgb(54,107,203)
```
#2c68d5
```
#2c68d5 rgb(44,104,213)
```
#2265df
```
#2265df rgb(34,101,223)
```
#1962e8
```
#1962e8 rgb(25,98,232)
```
#0f60f2
```
#0f60f2 rgb(15,96,242)
```
#055dfc
```
#055dfc rgb(5,93,252)
```

Tone Color Variation

Below, you can see how #2c68d5 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

#626262 Achromatopsia 0.005% of the population
#576379 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2770d8 Protanopia 1% of men
#0076c2 Deuteranopia 1% of men
#007f87 Tritanopia 0.001% of the population

Trichromacy

#296dd7 Protanomaly 1% of men, 0.01% of women
#1071c9 Deuteranomaly 6% of men, 0.4% of women
#1077a3 Tritanomaly 0.01% of the population

#2c68d5 hex color

#2c68d5 Color Information

#2c68d5 Color Conversion

Color Schemes with #2c68d5

Alternatives to #2c68d5

#2c68d5 Preview

Shades and Tints of #2c68d5

Tones of #2c68d5

Color Blindness Simulator