#3138f2 hex color

In a RGB color space, hex #3138f2 is composed of 19.2% red, 22% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 76.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 237.8 degrees, a saturation of 88.1% and a lightness of 57.1%. #3138f2 color hex could be obtained by blending #6270ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 22
- B 95
RGB color chart
- C 80
- M 77
- Y 0
- K 5
CMYK color chart

● #3138f2 color description : Bright blue.

The hexadecimal color #3138f2 has RGB values of R:49, G:56, B:242 and CMYK values of C:0.8, M:0.77, Y:0, K:0.05. Its decimal value is 3225842.

Hex triplet	3138f2	`#3138f2`
RGB Decimal	49, 56, 242	`rgb(49,56,242)`
RGB Percent	19.2, 22, 94.9	`rgb(19.2%,22%,94.9%)`
CMYK	80, 77, 0, 5
HSL	237.8°, 88.1, 57.1	`hsl(237.8,88.1%,57.1%)`
HSV (or HSB)	237.8°, 79.8, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.646, 59.599, -91.606
XYZ	18.705, 9.891, 84.923
xyY	0.165, 0.087, 9.891
CIE-LCH	37.646, 109.287, 303.048
CIE-LUV	37.646, -10.021, -125.927
Hunter-Lab	31.45, 51.125, -138.084
Binary	00110001, 00111000, 11110010

#3138f2
```
#3138f2 rgb(49,56,242)
```
#f2eb31
```
#f2eb31 rgb(242,235,49)
```

Complementary Color

#3199f2
```
#3199f2 rgb(49,153,242)
```
#3138f2
```
#3138f2 rgb(49,56,242)
```
#8b31f2
```
#8b31f2 rgb(139,49,242)
```

Analogous Color

#99f231
```
#99f231 rgb(153,242,49)
```
#3138f2
```
#3138f2 rgb(49,56,242)
```
#f28b31
```
#f28b31 rgb(242,139,49)
```

Split Complementary Color

#38f231
```
#38f231 rgb(56,242,49)
```
#3138f2
```
#3138f2 rgb(49,56,242)
```
#f23138
```
#f23138 rgb(242,49,56)
```

Triadic Color

#31f2eb
```
#31f2eb rgb(49,242,235)
```
#3138f2
```
#3138f2 rgb(49,56,242)
```
#f23138
```
#f23138 rgb(242,49,56)
```
#f2eb31
```
#f2eb31 rgb(242,235,49)
```

Tetradic Color

#0d14ca
```
#0d14ca rgb(13,20,202)
```
#0e16e2
```
#0e16e2 rgb(14,22,226)
```
#1921f0
```
#1921f0 rgb(25,33,240)
```
#3138f2
```
#3138f2 rgb(49,56,242)
```
#494ff4
```
#494ff4 rgb(73,79,244)
```
#6166f5
```
#6166f5 rgb(97,102,245)
```
#797ef7
```
#797ef7 rgb(121,126,247)
```

Monochromatic Color

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

#3168f2
```
#3168f2 rgb(49,104,242)
```
#3158f2
```
#3158f2 rgb(49,88,242)
```
#3148f2
```
#3148f2 rgb(49,72,242)
```
#3138f2
```
#3138f2 rgb(49,56,242)
```
#3a31f2
```
#3a31f2 rgb(58,49,242)
```
#4a31f2
```
#4a31f2 rgb(74,49,242)
```
#5a31f2
```
#5a31f2 rgb(90,49,242)
```

Similar Colors

Text with hexadecimal color #3138f2

This text has a font color of #3138f2.

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

#3138f2 background color

This paragraph has a background color of #3138f2.

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

#3138f2 border color

This element has a border color of #3138f2.

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

CSS codes

.text {color:#3138f2;}

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

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

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

#01010f
```
#01010f rgb(1,1,15)
```
#020322
```
#020322 rgb(2,3,34)
```
#030534
```
#030534 rgb(3,5,52)
```
#040747
```
#040747 rgb(4,7,71)
```
#060959
```
#060959 rgb(6,9,89)
```
#070a6c
```
#070a6c rgb(7,10,108)
```
#080c7e
```
#080c7e rgb(8,12,126)
```
#090e91
```
#090e91 rgb(9,14,145)
```
#0a10a3
```
#0a10a3 rgb(10,16,163)
```
#0b12b5
```
#0b12b5 rgb(11,18,181)
```
#0d13c8
```
#0d13c8 rgb(13,19,200)
```
#0e15da
```
#0e15da rgb(14,21,218)
```
#0f17ed
```
#0f17ed rgb(15,23,237)
```

Shade Color Variation

#1f26f1
```
#1f26f1 rgb(31,38,241)
```
#3138f2
```
#3138f2 rgb(49,56,242)
```
#434af3
```
#434af3 rgb(67,74,243)
```
#565cf4
```
#565cf4 rgb(86,92,244)
```
#686df5
```
#686df5 rgb(104,109,245)
```
#7b7ff7
```
#7b7ff7 rgb(123,127,247)
```
#8d91f8
```
#8d91f8 rgb(141,145,248)
```
#a0a3f9
```
#a0a3f9 rgb(160,163,249)
```
#b2b5fa
```
#b2b5fa rgb(178,181,250)
```
#c5c7fb
```
#c5c7fb rgb(197,199,251)
```
#d7d8fc
```
#d7d8fc rgb(215,216,252)
```
#eaeafe
```
#eaeafe rgb(234,234,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8e95 is the less saturated color, while #2930fa is the most saturated one.

#8e8e95
```
#8e8e95 rgb(142,142,149)
```
#85869e
```
#85869e rgb(133,134,158)
```
#7d7ea6
```
#7d7ea6 rgb(125,126,166)
```
#7476af
```
#7476af rgb(116,118,175)
```
#6c6fb7
```
#6c6fb7 rgb(108,111,183)
```
#6467bf
```
#6467bf rgb(100,103,191)
```
#5b5fc8
```
#5b5fc8 rgb(91,95,200)
```
#5357d0
```
#5357d0 rgb(83,87,208)
```
#4a4fd9
```
#4a4fd9 rgb(74,79,217)
```
#4248e1
```
#4248e1 rgb(66,72,225)
```
#3940ea
```
#3940ea rgb(57,64,234)
```
#3138f2
```
#3138f2 rgb(49,56,242)
```
#2930fa
```
#2930fa rgb(41,48,250)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#46476c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb7 Protanopia 1% of men
#00649e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#1150cc Protanomaly 1% of men, 0.01% of women
#1154bd Deuteranomaly 6% of men, 0.4% of women
#11589f Tritanomaly 0.01% of the population

#3138f2 hex color

#3138f2 Color Information

#3138f2 Color Conversion

Color Schemes with #3138f2

Alternatives to #3138f2

#3138f2 Preview

Shades and Tints of #3138f2

Tones of #3138f2

Color Blindness Simulator