#3842ff hex color

In a RGB color space, hex #3842ff is composed of 22% red, 25.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 74.1% magenta, 0% yellow and 0% black. It has a hue angle of 237 degrees, a saturation of 100% and a lightness of 61%. #3842ff color hex could be obtained by blending #7084ff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 22
- G 26
- B 100
RGB color chart
- C 78
- M 74
- Y 0
- K 0
CMYK color chart

● #3842ff color description : Light blue.

The hexadecimal color #3842ff has RGB values of R:56, G:66, B:255 and CMYK values of C:0.78, M:0.74, Y:0, K:0. Its decimal value is 3687167.

Hex triplet	3842ff	`#3842ff`
RGB Decimal	56, 66, 255	`rgb(56,66,255)`
RGB Percent	22, 25.9, 100	`rgb(22%,25.9%,100%)`
CMYK	78, 74, 0, 0
HSL	237°, 100, 61	`hsl(237,100%,61%)`
HSV (or HSB)	237°, 78, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.146, 58.925, -93.099
XYZ	21.625, 11.956, 95.77
xyY	0.167, 0.092, 11.956
CIE-LCH	41.146, 110.18, 302.331
CIE-LUV	41.146, -11.062, -132.634
Hunter-Lab	34.577, 51.129, -140.015
Binary	00111000, 01000010, 11111111

#3842ff
```
#3842ff rgb(56,66,255)
```
#fff538
```
#fff538 rgb(255,245,56)
```

Complementary Color

#38a6ff
```
#38a6ff rgb(56,166,255)
```
#3842ff
```
#3842ff rgb(56,66,255)
```
#9238ff
```
#9238ff rgb(146,56,255)
```

Analogous Color

#a6ff38
```
#a6ff38 rgb(166,255,56)
```
#3842ff
```
#3842ff rgb(56,66,255)
```
#ff9238
```
#ff9238 rgb(255,146,56)
```

Split Complementary Color

#42ff38
```
#42ff38 rgb(66,255,56)
```
#3842ff
```
#3842ff rgb(56,66,255)
```
#ff3842
```
#ff3842 rgb(255,56,66)
```

Triadic Color

#38fff5
```
#38fff5 rgb(56,255,245)
```
#3842ff
```
#3842ff rgb(56,66,255)
```
#ff3842
```
#ff3842 rgb(255,56,66)
```
#fff538
```
#fff538 rgb(255,245,56)
```

Tetradic Color

#000ceb
```
#000ceb rgb(0,12,235)
```
#0512ff
```
#0512ff rgb(5,18,255)
```
#1f2aff
```
#1f2aff rgb(31,42,255)
```
#3842ff
```
#3842ff rgb(56,66,255)
```
#525aff
```
#525aff rgb(82,90,255)
```
#6b72ff
```
#6b72ff rgb(107,114,255)
```
#858bff
```
#858bff rgb(133,139,255)
```

Monochromatic Color

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

#3874ff
```
#3874ff rgb(56,116,255)
```
#3863ff
```
#3863ff rgb(56,99,255)
```
#3853ff
```
#3853ff rgb(56,83,255)
```
#3842ff
```
#3842ff rgb(56,66,255)
```
#3f38ff
```
#3f38ff rgb(63,56,255)
```
#4f38ff
```
#4f38ff rgb(79,56,255)
```
#6038ff
```
#6038ff rgb(96,56,255)
```

Similar Colors

Text with hexadecimal color #3842ff

This text has a font color of #3842ff.

<span style="color:#3842ff;">Text here</span>

#3842ff background color

This paragraph has a background color of #3842ff.

<p style="background-color:#3842ff;">Content here</p>

#3842ff border color

This element has a border color of #3842ff.

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

CSS codes

.text {color:#3842ff;}

.background {background-color:#3842ff;}

.border {border:1px solid #3842ff;}

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

#000111
```
#000111 rgb(0,1,17)
```
#000224
```
#000224 rgb(0,2,36)
```
#000338
```
#000338 rgb(0,3,56)
```
#00044c
```
#00044c rgb(0,4,76)
```
#00055f
```
#00055f rgb(0,5,95)
```
#000673
```
#000673 rgb(0,6,115)
```
#000786
```
#000786 rgb(0,7,134)
```
#00089a
```
#00089a rgb(0,8,154)
```
#0009ae
```
#0009ae rgb(0,9,174)
```
#000ac1
```
#000ac1 rgb(0,10,193)
```
#000bd5
```
#000bd5 rgb(0,11,213)
```
#000ce9
```
#000ce9 rgb(0,12,233)
```
#000dfc
```
#000dfc rgb(0,13,252)
```

Shade Color Variation

#111dff
```
#111dff rgb(17,29,255)
```
#242fff
```
#242fff rgb(36,47,255)
```
#3842ff
```
#3842ff rgb(56,66,255)
```
#4c55ff
```
#4c55ff rgb(76,85,255)
```
#5f67ff
```
#5f67ff rgb(95,103,255)
```
#737aff
```
#737aff rgb(115,122,255)
```
#868dff
```
#868dff rgb(134,141,255)
```
#9a9fff
```
#9a9fff rgb(154,159,255)
```
#aeb2ff
```
#aeb2ff rgb(174,178,255)
```
#c1c4ff
```
#c1c4ff rgb(193,196,255)
```
#d5d7ff
```
#d5d7ff rgb(213,215,255)
```
#e9eaff
```
#e9eaff rgb(233,234,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9495a3 is the less saturated color, while #3842ff is the most saturated one.

#9495a3
```
#9495a3 rgb(148,149,163)
```
#8c8eab
```
#8c8eab rgb(140,142,171)
```
#8587b2
```
#8587b2 rgb(133,135,178)
```
#7d80ba
```
#7d80ba rgb(125,128,186)
```
#7579c2
```
#7579c2 rgb(117,121,194)
```
#6e72c9
```
#6e72c9 rgb(110,114,201)
```
#666bd1
```
#666bd1 rgb(102,107,209)
```
#5e64d9
```
#5e64d9 rgb(94,100,217)
```
#575ee0
```
#575ee0 rgb(87,94,224)
```
#4f57e8
```
#4f57e8 rgb(79,87,232)
```
#4750f0
```
#4750f0 rgb(71,80,240)
```
#4049f7
```
#4049f7 rgb(64,73,247)
```
#3842ff
```
#3842ff rgb(56,66,255)
```

Tone Color Variation

Below, you can see how #3842ff 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

#555555 Achromatopsia 0.005% of the population
#4f5177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006cac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#1459db Protanomaly 1% of men, 0.01% of women
#145cca Deuteranomaly 6% of men, 0.4% of women
#1461a9 Tritanomaly 0.01% of the population

#3842ff hex color

#3842ff Color Information

#3842ff Color Conversion

Color Schemes with #3842ff

Alternatives to #3842ff

#3842ff Preview

Shades and Tints of #3842ff

Tones of #3842ff

Color Blindness Simulator