#3b68fd hex color

In a RGB color space, hex #3b68fd is composed of 23.1% red, 40.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 58.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 226.1 degrees, a saturation of 98% and a lightness of 61.2%. #3b68fd color hex could be obtained by blending #76d0ff with #0000fb. Closest websafe color is: #3366ff.

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

● #3b68fd color description : Bright blue.

The hexadecimal color #3b68fd has RGB values of R:59, G:104, B:253 and CMYK values of C:0.77, M:0.59, Y:0, K:0.01. Its decimal value is 3893501.

Hex triplet	3b68fd	`#3b68fd`
RGB Decimal	59, 104, 253	`rgb(59,104,253)`
RGB Percent	23.1, 40.8, 99.2	`rgb(23.1%,40.8%,99.2%)`
CMYK	77, 59, 0, 1
HSL	226.1°, 98, 61.2	`hsl(226.1,98%,61.2%)`
HSV (or HSB)	226.1°, 76.7, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.4, 36.227, -78.414
XYZ	24.48, 17.921, 95.092
xyY	0.178, 0.13, 17.921
CIE-LCH	49.4, 86.378, 294.797
CIE-LUV	49.4, -18.363, -121.74
Hunter-Lab	42.333, 29.14, -103.55
Binary	00111011, 01101000, 11111101

#3b68fd
```
#3b68fd rgb(59,104,253)
```
#fdd03b
```
#fdd03b rgb(253,208,59)
```

Complementary Color

#3bc9fd
```
#3bc9fd rgb(59,201,253)
```
#3b68fd
```
#3b68fd rgb(59,104,253)
```
#6f3bfd
```
#6f3bfd rgb(111,59,253)
```

Analogous Color

#c9fd3b
```
#c9fd3b rgb(201,253,59)
```
#3b68fd
```
#3b68fd rgb(59,104,253)
```
#fd6f3b
```
#fd6f3b rgb(253,111,59)
```

Split Complementary Color

#68fd3b
```
#68fd3b rgb(104,253,59)
```
#3b68fd
```
#3b68fd rgb(59,104,253)
```
#fd3b68
```
#fd3b68 rgb(253,59,104)
```

Triadic Color

#3bfdd0
```
#3bfdd0 rgb(59,253,208)
```
#3b68fd
```
#3b68fd rgb(59,104,253)
```
#fd3b68
```
#fd3b68 rgb(253,59,104)
```
#fdd03b
```
#fdd03b rgb(253,208,59)
```

Tetradic Color

#0238e9
```
#0238e9 rgb(2,56,233)
```
#0941fc
```
#0941fc rgb(9,65,252)
```
#2255fd
```
#2255fd rgb(34,85,253)
```
#3b68fd
```
#3b68fd rgb(59,104,253)
```
#547bfd
```
#547bfd rgb(84,123,253)
```
#6d8ffe
```
#6d8ffe rgb(109,143,254)
```
#87a2fe
```
#87a2fe rgb(135,162,254)
```

Monochromatic Color

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

#3b99fd
```
#3b99fd rgb(59,153,253)
```
#3b88fd
```
#3b88fd rgb(59,136,253)
```
#3b78fd
```
#3b78fd rgb(59,120,253)
```
#3b68fd
```
#3b68fd rgb(59,104,253)
```
#3b58fd
```
#3b58fd rgb(59,88,253)
```
#3b48fd
```
#3b48fd rgb(59,72,253)
```
#3f3bfd
```
#3f3bfd rgb(63,59,253)
```

Similar Colors

Text with hexadecimal color #3b68fd

This text has a font color of #3b68fd.

<span style="color:#3b68fd;">Text here</span>

#3b68fd background color

This paragraph has a background color of #3b68fd.

<p style="background-color:#3b68fd;">Content here</p>

#3b68fd border color

This element has a border color of #3b68fd.

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

CSS codes

.text {color:#3b68fd;}

.background {background-color:#3b68fd;}

.border {border:1px solid #3b68fd;}

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

#000412
```
#000412 rgb(0,4,18)
```
#000925
```
#000925 rgb(0,9,37)
```
#010e38
```
#010e38 rgb(1,14,56)
```
#01124c
```
#01124c rgb(1,18,76)
```
#01175f
```
#01175f rgb(1,23,95)
```
#011b73
```
#011b73 rgb(1,27,115)
```
#012086
```
#012086 rgb(1,32,134)
```
#02259a
```
#02259a rgb(2,37,154)
```
#0229ad
```
#0229ad rgb(2,41,173)
```
#022ec0
```
#022ec0 rgb(2,46,192)
```
#0233d4
```
#0233d4 rgb(2,51,212)
```
#0237e7
```
#0237e7 rgb(2,55,231)
```
#033cfb
```
#033cfb rgb(3,60,251)
```

Shade Color Variation

#144afd
```
#144afd rgb(20,74,253)
```
#2859fd
```
#2859fd rgb(40,89,253)
```
#3b68fd
```
#3b68fd rgb(59,104,253)
```
#4e77fd
```
#4e77fd rgb(78,119,253)
```
#6286fd
```
#6286fd rgb(98,134,253)
```
#7595fe
```
#7595fe rgb(117,149,254)
```
#89a4fe
```
#89a4fe rgb(137,164,254)
```
#9cb3fe
```
#9cb3fe rgb(156,179,254)
```
#b0c2fe
```
#b0c2fe rgb(176,194,254)
```
#c3d1fe
```
#c3d1fe rgb(195,209,254)
```
#d6e0ff
```
#d6e0ff rgb(214,224,255)
```
#eaefff
```
#eaefff rgb(234,239,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9699a2 is the less saturated color, while #3b68fd is the most saturated one.

#9699a2
```
#9699a2 rgb(150,153,162)
```
#8f95a9
```
#8f95a9 rgb(143,149,169)
```
#8791b1
```
#8791b1 rgb(135,145,177)
```
#808db8
```
#808db8 rgb(128,141,184)
```
#7889c0
```
#7889c0 rgb(120,137,192)
```
#7085c8
```
#7085c8 rgb(112,133,200)
```
#6980cf
```
#6980cf rgb(105,128,207)
```
#617cd7
```
#617cd7 rgb(97,124,215)
```
#5978df
```
#5978df rgb(89,120,223)
```
#5274e6
```
#5274e6 rgb(82,116,230)
```
#4a70ee
```
#4a70ee rgb(74,112,238)
```
#436cf5
```
#436cf5 rgb(67,108,245)
```
#3b68fd
```
#3b68fd rgb(59,104,253)
```

Tone Color Variation

Below, you can see how #3b68fd 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

#6c6c6c Achromatopsia 0.005% of the population
#626b89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ec Protanopia 1% of men
#007fce Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#1572f2 Protanomaly 1% of men, 0.01% of women
#1577df Deuteranomaly 6% of men, 0.4% of women
#157cb8 Tritanomaly 0.01% of the population

#3b68fd hex color

#3b68fd Color Information

#3b68fd Color Conversion

Color Schemes with #3b68fd

Alternatives to #3b68fd

#3b68fd Preview

Shades and Tints of #3b68fd

Tones of #3b68fd

Color Blindness Simulator