#3138ff hex color

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

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

● #3138ff color description : Vivid blue.

The hexadecimal color #3138ff has RGB values of R:49, G:56, B:255 and CMYK values of C:0.81, M:0.78, Y:0, K:0. Its decimal value is 3225855.

Hex triplet	3138ff	`#3138ff`
RGB Decimal	49, 56, 255	`rgb(49,56,255)`
RGB Percent	19.2, 22, 100	`rgb(19.2%,22%,100%)`
CMYK	81, 78, 0, 0
HSL	238°, 100, 59.6	`hsl(238,100%,59.6%)`
HSV (or HSB)	238°, 80.8, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.07, 63.585, -96.547
XYZ	20.727, 10.7, 95.575
xyY	0.163, 0.084, 10.7
CIE-LCH	39.07, 115.604, 303.369
CIE-LUV	39.07, -10.496, -133.352
Hunter-Lab	32.711, 55.863, -150.338
Binary	00110001, 00111000, 11111111

#3138ff
```
#3138ff rgb(49,56,255)
```
#fff831
```
#fff831 rgb(255,248,49)
```

Complementary Color

#319fff
```
#319fff rgb(49,159,255)
```
#3138ff
```
#3138ff rgb(49,56,255)
```
#9131ff
```
#9131ff rgb(145,49,255)
```

Analogous Color

#9fff31
```
#9fff31 rgb(159,255,49)
```
#3138ff
```
#3138ff rgb(49,56,255)
```
#ff9131
```
#ff9131 rgb(255,145,49)
```

Split Complementary Color

#38ff31
```
#38ff31 rgb(56,255,49)
```
#3138ff
```
#3138ff rgb(49,56,255)
```
#ff3138
```
#ff3138 rgb(255,49,56)
```

Triadic Color

#31fff8
```
#31fff8 rgb(49,255,248)
```
#3138ff
```
#3138ff rgb(49,56,255)
```
#ff3138
```
#ff3138 rgb(255,49,56)
```
#fff831
```
#fff831 rgb(255,248,49)
```

Tetradic Color

#0008e4
```
#0008e4 rgb(0,8,228)
```
#0009fd
```
#0009fd rgb(0,9,253)
```
#181fff
```
#181fff rgb(24,31,255)
```
#3138ff
```
#3138ff rgb(49,56,255)
```
#4b51ff
```
#4b51ff rgb(75,81,255)
```
#6469ff
```
#6469ff rgb(100,105,255)
```
#7e82ff
```
#7e82ff rgb(126,130,255)
```

Monochromatic Color

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

#316cff
```
#316cff rgb(49,108,255)
```
#315aff
```
#315aff rgb(49,90,255)
```
#3149ff
```
#3149ff rgb(49,73,255)
```
#3138ff
```
#3138ff rgb(49,56,255)
```
#3b31ff
```
#3b31ff rgb(59,49,255)
```
#4c31ff
```
#4c31ff rgb(76,49,255)
```
#5e31ff
```
#5e31ff rgb(94,49,255)
```

Similar Colors

Text with hexadecimal color #3138ff

This text has a font color of #3138ff.

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

#3138ff background color

This paragraph has a background color of #3138ff.

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

#3138ff border color

This element has a border color of #3138ff.

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

CSS codes

.text {color:#3138ff;}

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

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

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, #00000a is the darkest color, while #f5f5ff is the lightest one.

#00000a
```
#00000a rgb(0,0,10)
```
#00011d
```
#00011d rgb(0,1,29)
```
#000231
```
#000231 rgb(0,2,49)
```
#000245
```
#000245 rgb(0,2,69)
```
#000358
```
#000358 rgb(0,3,88)
```
#00046c
```
#00046c rgb(0,4,108)
```
#00047f
```
#00047f rgb(0,4,127)
```
#000593
```
#000593 rgb(0,5,147)
```
#0006a7
```
#0006a7 rgb(0,6,167)
```
#0006ba
```
#0006ba rgb(0,6,186)
```
#0007ce
```
#0007ce rgb(0,7,206)
```
#0008e2
```
#0008e2 rgb(0,8,226)
```
#0008f5
```
#0008f5 rgb(0,8,245)
```

Shade Color Variation

#0a12ff
```
#0a12ff rgb(10,18,255)
```
#1d25ff
```
#1d25ff rgb(29,37,255)
```
#3138ff
```
#3138ff rgb(49,56,255)
```
#454bff
```
#454bff rgb(69,75,255)
```
#585eff
```
#585eff rgb(88,94,255)
```
#6c71ff
```
#6c71ff rgb(108,113,255)
```
#7f84ff
```
#7f84ff rgb(127,132,255)
```
#9397ff
```
#9397ff rgb(147,151,255)
```
#a7aaff
```
#a7aaff rgb(167,170,255)
```
#babdff
```
#babdff rgb(186,189,255)
```
#ced0ff
```
#ced0ff rgb(206,208,255)
```
#e2e3ff
```
#e2e3ff rgb(226,227,255)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

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

#9091a0
```
#9091a0 rgb(144,145,160)
```
#8889a8
```
#8889a8 rgb(136,137,168)
```
#8082b0
```
#8082b0 rgb(128,130,176)
```
#787ab8
```
#787ab8 rgb(120,122,184)
```
#7073c0
```
#7073c0 rgb(112,115,192)
```
#686cc8
```
#686cc8 rgb(104,108,200)
```
#6164cf
```
#6164cf rgb(97,100,207)
```
#595dd7
```
#595dd7 rgb(89,93,215)
```
#5156df
```
#5156df rgb(81,86,223)
```
#494ee7
```
#494ee7 rgb(73,78,231)
```
#4147ef
```
#4147ef rgb(65,71,239)
```
#393ff7
```
#393ff7 rgb(57,63,247)
```
#3138ff
```
#3138ff rgb(49,56,255)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474971 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a3 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#1152d5 Protanomaly 1% of men, 0.01% of women
#1156c5 Deuteranomaly 6% of men, 0.4% of women
#115aa6 Tritanomaly 0.01% of the population

#3138ff hex color

#3138ff Color Information

#3138ff Color Conversion

Color Schemes with #3138ff

Alternatives to #3138ff

#3138ff Preview

Shades and Tints of #3138ff

Tones of #3138ff

Color Blindness Simulator