#3b30f3 hex color

In a RGB color space, hex #3b30f3 is composed of 23.1% red, 18.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 75.7% cyan, 80.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 243.4 degrees, a saturation of 89% and a lightness of 57.1%. #3b30f3 color hex could be obtained by blending #7660ff with #0000e7. Closest websafe color is: #3333ff.

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

● #3b30f3 color description : Bright blue.

The hexadecimal color #3b30f3 has RGB values of R:59, G:48, B:243 and CMYK values of C:0.76, M:0.8, Y:0, K:0.05. Its decimal value is 3879155.

Hex triplet	3b30f3	`#3b30f3`
RGB Decimal	59, 48, 243	`rgb(59,48,243)`
RGB Percent	23.1, 18.8, 95.3	`rgb(23.1%,18.8%,95.3%)`
CMYK	76, 80, 0, 5
HSL	243.4°, 89, 57.1	`hsl(243.4,89%,57.1%)`
HSV (or HSB)	243.4°, 80.2, 95.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.955, 64.279, -93.301
XYZ	19.035, 9.514, 85.622
xyY	0.167, 0.083, 9.514
CIE-LCH	36.955, 113.3, 304.565
CIE-LUV	36.955, -7.662, -126.731
Hunter-Lab	30.844, 56.182, -142.996
Binary	00111011, 00110000, 11110011

#3b30f3
```
#3b30f3 rgb(59,48,243)
```
#e8f330
```
#e8f330 rgb(232,243,48)
```

Complementary Color

#3087f3
```
#3087f3 rgb(48,135,243)
```
#3b30f3
```
#3b30f3 rgb(59,48,243)
```
#9d30f3
```
#9d30f3 rgb(157,48,243)
```

Analogous Color

#87f330
```
#87f330 rgb(135,243,48)
```
#3b30f3
```
#3b30f3 rgb(59,48,243)
```
#f39d30
```
#f39d30 rgb(243,157,48)
```

Split Complementary Color

#30f33b
```
#30f33b rgb(48,243,59)
```
#3b30f3
```
#3b30f3 rgb(59,48,243)
```
#f33b30
```
#f33b30 rgb(243,59,48)
```

Triadic Color

#30e8f3
```
#30e8f3 rgb(48,232,243)
```
#3b30f3
```
#3b30f3 rgb(59,48,243)
```
#f33b30
```
#f33b30 rgb(243,59,48)
```
#e8f330
```
#e8f330 rgb(232,243,48)
```

Tetradic Color

#170ccb
```
#170ccb rgb(23,12,203)
```
#190de3
```
#190de3 rgb(25,13,227)
```
#2418f2
```
#2418f2 rgb(36,24,242)
```
#3b30f3
```
#3b30f3 rgb(59,48,243)
```
#5248f4
```
#5248f4 rgb(82,72,244)
```
#6960f6
```
#6960f6 rgb(105,96,246)
```
#7f78f7
```
#7f78f7 rgb(127,120,247)
```

Monochromatic Color

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

#3056f3
```
#3056f3 rgb(48,86,243)
```
#3046f3
```
#3046f3 rgb(48,70,243)
```
#3035f3
```
#3035f3 rgb(48,53,243)
```
#3b30f3
```
#3b30f3 rgb(59,48,243)
```
#4b30f3
```
#4b30f3 rgb(75,48,243)
```
#5b30f3
```
#5b30f3 rgb(91,48,243)
```
#6c30f3
```
#6c30f3 rgb(108,48,243)
```

Similar Colors

Text with hexadecimal color #3b30f3

This text has a font color of #3b30f3.

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

#3b30f3 background color

This paragraph has a background color of #3b30f3.

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

#3b30f3 border color

This element has a border color of #3b30f3.

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

CSS codes

.text {color:#3b30f3;}

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

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

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

#02010f
```
#02010f rgb(2,1,15)
```
#040222
```
#040222 rgb(4,2,34)
```
#060335
```
#060335 rgb(6,3,53)
```
#080447
```
#080447 rgb(8,4,71)
```
#0a055a
```
#0a055a rgb(10,5,90)
```
#0c066c
```
#0c066c rgb(12,6,108)
```
#0e077f
```
#0e077f rgb(14,7,127)
```
#100891
```
#100891 rgb(16,8,145)
```
#1209a4
```
#1209a4 rgb(18,9,164)
```
#140bb6
```
#140bb6 rgb(20,11,182)
```
#160cc9
```
#160cc9 rgb(22,12,201)
```
#180ddb
```
#180ddb rgb(24,13,219)
```
#1a0eee
```
#1a0eee rgb(26,14,238)
```

Shade Color Variation

#291df2
```
#291df2 rgb(41,29,242)
```
#3b30f3
```
#3b30f3 rgb(59,48,243)
```
#4d43f4
```
#4d43f4 rgb(77,67,244)
```
#5e55f5
```
#5e55f5 rgb(94,85,245)
```
#7068f6
```
#7068f6 rgb(112,104,246)
```
#817af7
```
#817af7 rgb(129,122,247)
```
#938df8
```
#938df8 rgb(147,141,248)
```
#a49ff9
```
#a49ff9 rgb(164,159,249)
```
#b6b2fb
```
#b6b2fb rgb(182,178,251)
```
#c7c4fc
```
#c7c4fc rgb(199,196,252)
```
#d9d7fd
```
#d9d7fd rgb(217,215,253)
```
#ebe9fe
```
#ebe9fe rgb(235,233,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#8d8d96
```
#8d8d96 rgb(141,141,150)
```
#86849f
```
#86849f rgb(134,132,159)
```
#7e7ca7
```
#7e7ca7 rgb(126,124,167)
```
#7773b0
```
#7773b0 rgb(119,115,176)
```
#6f6bb8
```
#6f6bb8 rgb(111,107,184)
```
#6863c0
```
#6863c0 rgb(104,99,192)
```
#605ac9
```
#605ac9 rgb(96,90,201)
```
#5952d1
```
#5952d1 rgb(89,82,209)
```
#5149da
```
#5149da rgb(81,73,218)
```
#4a41e2
```
#4a41e2 rgb(74,65,226)
```
#4238eb
```
#4238eb rgb(66,56,235)
```
#3b30f3
```
#3b30f3 rgb(59,48,243)
```
#3428fb
```
#3428fb rgb(52,40,251)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#47456c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#154ccb Protanomaly 1% of men, 0.01% of women
#1550bb Deuteranomaly 6% of men, 0.4% of women
#15549e Tritanomaly 0.01% of the population

#3b30f3 hex color

#3b30f3 Color Information

#3b30f3 Color Conversion

Color Schemes with #3b30f3

Alternatives to #3b30f3

#3b30f3 Preview

Shades and Tints of #3b30f3

Tones of #3b30f3

Color Blindness Simulator