#381bf8 hex color

In a RGB color space, hex #381bf8 is composed of 22% red, 10.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 89.1% magenta, 0% yellow and 2.7% black. It has a hue angle of 247.9 degrees, a saturation of 94% and a lightness of 53.9%. #381bf8 color hex could be obtained by blending #7036ff with #0000f1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 22
- G 11
- B 97
RGB color chart
- C 77
- M 89
- Y 0
- K 3
CMYK color chart

● #381bf8 color description : Vivid blue.

The hexadecimal color #381bf8 has RGB values of R:56, G:27, B:248 and CMYK values of C:0.77, M:0.89, Y:0, K:0.03. Its decimal value is 3677176.

Hex triplet	381bf8	`#381bf8`
RGB Decimal	56, 27, 248	`rgb(56,27,248)`
RGB Percent	22, 10.6, 97.3	`rgb(22%,10.6%,97.3%)`
CMYK	77, 89, 0, 3
HSL	247.9°, 94, 53.9	`hsl(247.9,94%,53.9%)`
HSV (or HSB)	247.9°, 89.1, 97.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.804, 73.18, -99.703
XYZ	18.963, 8.401, 89.424
xyY	0.162, 0.072, 8.401
CIE-LCH	34.804, 123.677, 306.278
CIE-LUV	34.804, -6.466, -129.12
Hunter-Lab	28.984, 66.061, -162.637
Binary	00111000, 00011011, 11111000

#381bf8
```
#381bf8 rgb(56,27,248)
```
#dbf81b
```
#dbf81b rgb(219,248,27)
```

Complementary Color

#1b6df8
```
#1b6df8 rgb(27,109,248)
```
#381bf8
```
#381bf8 rgb(56,27,248)
```
#a71bf8
```
#a71bf8 rgb(167,27,248)
```

Analogous Color

#6df81b
```
#6df81b rgb(109,248,27)
```
#381bf8
```
#381bf8 rgb(56,27,248)
```
#f8a71b
```
#f8a71b rgb(248,167,27)
```

Split Complementary Color

#1bf838
```
#1bf838 rgb(27,248,56)
```
#381bf8
```
#381bf8 rgb(56,27,248)
```
#f8381b
```
#f8381b rgb(248,56,27)
```

Triadic Color

#1bdbf8
```
#1bdbf8 rgb(27,219,248)
```
#381bf8
```
#381bf8 rgb(56,27,248)
```
#f8381b
```
#f8381b rgb(248,56,27)
```
#dbf81b
```
#dbf81b rgb(219,248,27)
```

Tetradic Color

#1e06c1
```
#1e06c1 rgb(30,6,193)
```
#2207d9
```
#2207d9 rgb(34,7,217)
```
#2607f2
```
#2607f2 rgb(38,7,242)
```
#381bf8
```
#381bf8 rgb(56,27,248)
```
#4e34f9
```
#4e34f9 rgb(78,52,249)
```
#634cfa
```
#634cfa rgb(99,76,250)
```
#7965fa
```
#7965fa rgb(121,101,250)
```

Monochromatic Color

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

#1b35f8
```
#1b35f8 rgb(27,53,248)
```
#1b23f8
```
#1b23f8 rgb(27,35,248)
```
#261bf8
```
#261bf8 rgb(38,27,248)
```
#381bf8
```
#381bf8 rgb(56,27,248)
```
#4a1bf8
```
#4a1bf8 rgb(74,27,248)
```
#5d1bf8
```
#5d1bf8 rgb(93,27,248)
```
#6f1bf8
```
#6f1bf8 rgb(111,27,248)
```

Similar Colors

Text with hexadecimal color #381bf8

This text has a font color of #381bf8.

<span style="color:#381bf8;">Text here</span>

#381bf8 background color

This paragraph has a background color of #381bf8.

<p style="background-color:#381bf8;">Content here</p>

#381bf8 border color

This element has a border color of #381bf8.

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

CSS codes

.text {color:#381bf8;}

.background {background-color:#381bf8;}

.border {border:1px solid #381bf8;}

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

#000000
```
#000000 rgb(0,0,0)
```
#030113
```
#030113 rgb(3,1,19)
```
#060126
```
#060126 rgb(6,1,38)
```
#090239
```
#090239 rgb(9,2,57)
```
#0c024c
```
#0c024c rgb(12,2,76)
```
#0f0360
```
#0f0360 rgb(15,3,96)
```
#120473
```
#120473 rgb(18,4,115)
```
#150486
```
#150486 rgb(21,4,134)
```
#180599
```
#180599 rgb(24,5,153)
```
#1b05ac
```
#1b05ac rgb(27,5,172)
```
#1e06bf
```
#1e06bf rgb(30,6,191)
```
#2106d2
```
#2106d2 rgb(33,6,210)
```
#2407e5
```
#2407e5 rgb(36,7,229)
```

Shade Color Variation

#2708f7
```
#2708f7 rgb(39,8,247)
```
#381bf8
```
#381bf8 rgb(56,27,248)
```
#492ef9
```
#492ef9 rgb(73,46,249)
```
#5941f9
```
#5941f9 rgb(89,65,249)
```
#6a54fa
```
#6a54fa rgb(106,84,250)
```
#7a67fa
```
#7a67fa rgb(122,103,250)
```
#8b7afb
```
#8b7afb rgb(139,122,251)
```
#9c8dfc
```
#9c8dfc rgb(156,141,252)
```
#aca0fc
```
#aca0fc rgb(172,160,252)
```
#bdb3fd
```
#bdb3fd rgb(189,179,253)
```
#cdc6fd
```
#cdc6fd rgb(205,198,253)
```
#ded9fe
```
#ded9fe rgb(222,217,254)
```
#efecfe
```
#efecfe rgb(239,236,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88878c is the less saturated color, while #381bf8 is the most saturated one.

#88878c
```
#88878c rgb(136,135,140)
```
#817e95
```
#817e95 rgb(129,126,149)
```
#7b759e
```
#7b759e rgb(123,117,158)
```
#746ca7
```
#746ca7 rgb(116,108,167)
```
#6d63b0
```
#6d63b0 rgb(109,99,176)
```
#675ab9
```
#675ab9 rgb(103,90,185)
```
#6051c2
```
#6051c2 rgb(96,81,194)
```
#5948cb
```
#5948cb rgb(89,72,203)
```
#533fd4
```
#533fd4 rgb(83,63,212)
```
#4c36dd
```
#4c36dd rgb(76,54,221)
```
#452de6
```
#452de6 rgb(69,45,230)
```
#3f24ef
```
#3f24ef rgb(63,36,239)
```
#381bf8
```
#381bf8 rgb(56,27,248)
```

Tone Color Variation

Below, you can see how #381bf8 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

#3d3d3d Achromatopsia 0.005% of the population
#3c3662 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1442c7 Protanomaly 1% of men, 0.01% of women
#1445b8 Deuteranomaly 6% of men, 0.4% of women
#14499c Tritanomaly 0.01% of the population

#381bf8 hex color

#381bf8 Color Information

#381bf8 Color Conversion

Color Schemes with #381bf8

Alternatives to #381bf8

#381bf8 Preview

Shades and Tints of #381bf8

Tones of #381bf8

Color Blindness Simulator