#1768f2 hex color

In a RGB color space, hex #1768f2 is composed of 9% red, 40.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 57% magenta, 0% yellow and 5.1% black. It has a hue angle of 217.8 degrees, a saturation of 89.4% and a lightness of 52%. #1768f2 color hex could be obtained by blending #2ed0ff with #0000e5. Closest websafe color is: #0066ff.

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

● #1768f2 color description : Vivid blue.

The hexadecimal color #1768f2 has RGB values of R:23, G:104, B:242 and CMYK values of C:0.9, M:0.57, Y:0, K:0.05. Its decimal value is 1534194.

Hex triplet	1768f2	`#1768f2`
RGB Decimal	23, 104, 242	`rgb(23,104,242)`
RGB Percent	9, 40.8, 94.9	`rgb(9%,40.8%,94.9%)`
CMYK	90, 57, 0, 5
HSL	217.8°, 89.4, 52	`hsl(217.8,89.4%,52%)`
HSV (or HSB)	217.8°, 90.5, 94.9
Web Safe	0066ff	`#0066ff`

CIE-LAB	47.613, 29.638, -75.238
XYZ	21.327, 16.492, 86.059
xyY	0.172, 0.133, 16.492
CIE-LCH	47.613, 80.866, 291.501
CIE-LUV	47.613, -22.238, -115.518
Hunter-Lab	40.61, 22.675, -97.217
Binary	00010111, 01101000, 11110010

#1768f2
```
#1768f2 rgb(23,104,242)
```
#f2a117
```
#f2a117 rgb(242,161,23)
```

Complementary Color

#17d6f2
```
#17d6f2 rgb(23,214,242)
```
#1768f2
```
#1768f2 rgb(23,104,242)
```
#3317f2
```
#3317f2 rgb(51,23,242)
```

Analogous Color

#d6f217
```
#d6f217 rgb(214,242,23)
```
#1768f2
```
#1768f2 rgb(23,104,242)
```
#f23317
```
#f23317 rgb(242,51,23)
```

Split Complementary Color

#68f217
```
#68f217 rgb(104,242,23)
```
#1768f2
```
#1768f2 rgb(23,104,242)
```
#f21768
```
#f21768 rgb(242,23,104)
```

Triadic Color

#17f2a1
```
#17f2a1 rgb(23,242,161)
```
#1768f2
```
#1768f2 rgb(23,104,242)
```
#f21768
```
#f21768 rgb(242,23,104)
```
#f2a117
```
#f2a117 rgb(242,161,23)
```

Tetradic Color

#0a48b2
```
#0a48b2 rgb(10,72,178)
```
#0b52cb
```
#0b52cb rgb(11,82,203)
```
#0d5ce3
```
#0d5ce3 rgb(13,92,227)
```
#1768f2
```
#1768f2 rgb(23,104,242)
```
#2f78f3
```
#2f78f3 rgb(47,120,243)
```
#4787f5
```
#4787f5 rgb(71,135,245)
```
#5f97f6
```
#5f97f6 rgb(95,151,246)
```

Monochromatic Color

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

#179ff2
```
#179ff2 rgb(23,159,242)
```
#178df2
```
#178df2 rgb(23,141,242)
```
#177af2
```
#177af2 rgb(23,122,242)
```
#1768f2
```
#1768f2 rgb(23,104,242)
```
#1756f2
```
#1756f2 rgb(23,86,242)
```
#1744f2
```
#1744f2 rgb(23,68,242)
```
#1731f2
```
#1731f2 rgb(23,49,242)
```

Similar Colors

Text with hexadecimal color #1768f2

This text has a font color of #1768f2.

<span style="color:#1768f2;">Text here</span>

#1768f2 background color

This paragraph has a background color of #1768f2.

<p style="background-color:#1768f2;">Content here</p>

#1768f2 border color

This element has a border color of #1768f2.

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

CSS codes

.text {color:#1768f2;}

.background {background-color:#1768f2;}

.border {border:1px solid #1768f2;}

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

#010409
```
#010409 rgb(1,4,9)
```
#020b1c
```
#020b1c rgb(2,11,28)
```
#03132f
```
#03132f rgb(3,19,47)
```
#041a41
```
#041a41 rgb(4,26,65)
```
#052254
```
#052254 rgb(5,34,84)
```
#062966
```
#062966 rgb(6,41,102)
```
#073179
```
#073179 rgb(7,49,121)
```
#08398b
```
#08398b rgb(8,57,139)
```
#09409e
```
#09409e rgb(9,64,158)
```
#0a48b1
```
#0a48b1 rgb(10,72,177)
```
#0b4fc3
```
#0b4fc3 rgb(11,79,195)
```
#0c57d6
```
#0c57d6 rgb(12,87,214)
```
#0d5ee8
```
#0d5ee8 rgb(13,94,232)
```

Shade Color Variation

#1768f2
```
#1768f2 rgb(23,104,242)
```
#2a74f3
```
#2a74f3 rgb(42,116,243)
```
#3c80f4
```
#3c80f4 rgb(60,128,244)
```
#4f8cf5
```
#4f8cf5 rgb(79,140,245)
```
#6198f6
```
#6198f6 rgb(97,152,246)
```
#74a4f7
```
#74a4f7 rgb(116,164,247)
```
#86b1f8
```
#86b1f8 rgb(134,177,248)
```
#99bdf9
```
#99bdf9 rgb(153,189,249)
```
#acc9fa
```
#acc9fa rgb(172,201,250)
```
#bed5fb
```
#bed5fb rgb(190,213,251)
```
#d1e1fc
```
#d1e1fc rgb(209,225,252)
```
#e3edfd
```
#e3edfd rgb(227,237,253)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#7f838a
```
#7f838a rgb(127,131,138)
```
#758194
```
#758194 rgb(117,129,148)
```
#6c7e9d
```
#6c7e9d rgb(108,126,157)
```
#627ca7
```
#627ca7 rgb(98,124,167)
```
#5979b0
```
#5979b0 rgb(89,121,176)
```
#5077b9
```
#5077b9 rgb(80,119,185)
```
#4674c3
```
#4674c3 rgb(70,116,195)
```
#3d72cc
```
#3d72cc rgb(61,114,204)
```
#336fd6
```
#336fd6 rgb(51,111,214)
```
#2a6ddf
```
#2a6ddf rgb(42,109,223)
```
#206ae9
```
#206ae9 rgb(32,106,233)
```
#1768f2
```
#1768f2 rgb(23,104,242)
```
#0e66fb
```
#0e66fb rgb(14,102,251)
```

Tone Color Variation

Below, you can see how #1768f2 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

#606060 Achromatopsia 0.005% of the population
#51627d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#00848b Tritanopia 0.001% of the population

Trichromacy

#0870e9 Protanomaly 1% of men, 0.01% of women
#0874d6 Deuteranomaly 6% of men, 0.4% of women
#0879b0 Tritanomaly 0.01% of the population

#1768f2 hex color

#1768f2 Color Information

#1768f2 Color Conversion

Color Schemes with #1768f2

Alternatives to #1768f2

#1768f2 Preview

Shades and Tints of #1768f2

Tones of #1768f2

Color Blindness Simulator