#3d48fe hex color

In a RGB color space, hex #3d48fe is composed of 23.9% red, 28.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 71.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 236.6 degrees, a saturation of 99% and a lightness of 61.8%. #3d48fe color hex could be obtained by blending #7a90ff with #0000fd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 24
- G 28
- B 100
RGB color chart
- C 76
- M 72
- Y 0
- K 0
CMYK color chart

● #3d48fe color description : Bright blue.

The hexadecimal color #3d48fe has RGB values of R:61, G:72, B:254 and CMYK values of C:0.76, M:0.72, Y:0, K:0. Its decimal value is 4016382.

Hex triplet	3d48fe	`#3d48fe`
RGB Decimal	61, 72, 254	`rgb(61,72,254)`
RGB Percent	23.9, 28.2, 99.6	`rgb(23.9%,28.2%,99.6%)`
CMYK	76, 72, 0, 0
HSL	236.6°, 99, 61.8	`hsl(236.6,99%,61.8%)`
HSV (or HSB)	236.6°, 76, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.432, 55.727, -90.407
XYZ	22.128, 12.781, 95.061
xyY	0.17, 0.098, 12.781
CIE-LCH	42.432, 106.203, 301.65
CIE-LUV	42.432, -11.294, -131.189
Hunter-Lab	35.751, 47.917, -132.627
Binary	00111101, 01001000, 11111110

#3d48fe
```
#3d48fe rgb(61,72,254)
```
#fef33d
```
#fef33d rgb(254,243,61)
```

Complementary Color

#3da9fe
```
#3da9fe rgb(61,169,254)
```
#3d48fe
```
#3d48fe rgb(61,72,254)
```
#933dfe
```
#933dfe rgb(147,61,254)
```

Analogous Color

#a9fe3d
```
#a9fe3d rgb(169,254,61)
```
#3d48fe
```
#3d48fe rgb(61,72,254)
```
#fe933d
```
#fe933d rgb(254,147,61)
```

Split Complementary Color

#48fe3d
```
#48fe3d rgb(72,254,61)
```
#3d48fe
```
#3d48fe rgb(61,72,254)
```
#fe3d48
```
#fe3d48 rgb(254,61,72)
```

Triadic Color

#3dfef3
```
#3dfef3 rgb(61,254,243)
```
#3d48fe
```
#3d48fe rgb(61,72,254)
```
#fe3d48
```
#fe3d48 rgb(254,61,72)
```
#fef33d
```
#fef33d rgb(254,243,61)
```

Tetradic Color

#010fed
```
#010fed rgb(1,15,237)
```
#0a18fe
```
#0a18fe rgb(10,24,254)
```
#2430fe
```
#2430fe rgb(36,48,254)
```
#3d48fe
```
#3d48fe rgb(61,72,254)
```
#5660fe
```
#5660fe rgb(86,96,254)
```
#7078fe
```
#7078fe rgb(112,120,254)
```
#8990fe
```
#8990fe rgb(137,144,254)
```

Monochromatic Color

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

#3d78fe
```
#3d78fe rgb(61,120,254)
```
#3d68fe
```
#3d68fe rgb(61,104,254)
```
#3d58fe
```
#3d58fe rgb(61,88,254)
```
#3d48fe
```
#3d48fe rgb(61,72,254)
```
#423dfe
```
#423dfe rgb(66,61,254)
```
#523dfe
```
#523dfe rgb(82,61,254)
```
#623dfe
```
#623dfe rgb(98,61,254)
```

Similar Colors

Text with hexadecimal color #3d48fe

This text has a font color of #3d48fe.

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

#3d48fe background color

This paragraph has a background color of #3d48fe.

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

#3d48fe border color

This element has a border color of #3d48fe.

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

CSS codes

.text {color:#3d48fe;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000115
```
#000115 rgb(0,1,21)
```
#000228
```
#000228 rgb(0,2,40)
```
#00043c
```
#00043c rgb(0,4,60)
```
#00054f
```
#00054f rgb(0,5,79)
```
#010663
```
#010663 rgb(1,6,99)
```
#010776
```
#010776 rgb(1,7,118)
```
#01098a
```
#01098a rgb(1,9,138)
```
#010a9d
```
#010a9d rgb(1,10,157)
```
#010bb1
```
#010bb1 rgb(1,11,177)
```
#010cc4
```
#010cc4 rgb(1,12,196)
```
#010dd8
```
#010dd8 rgb(1,13,216)
```
#010feb
```
#010feb rgb(1,15,235)
```

Shade Color Variation

#0211fe
```
#0211fe rgb(2,17,254)
```
#1623fe
```
#1623fe rgb(22,35,254)
```
#2936fe
```
#2936fe rgb(41,54,254)
```
#3d48fe
```
#3d48fe rgb(61,72,254)
```
#515afe
```
#515afe rgb(81,90,254)
```
#646dfe
```
#646dfe rgb(100,109,254)
```
#787ffe
```
#787ffe rgb(120,127,254)
```
#8b92fe
```
#8b92fe rgb(139,146,254)
```
#9fa4ff
```
#9fa4ff rgb(159,164,255)
```
#b2b6ff
```
#b2b6ff rgb(178,182,255)
```
#c6c9ff
```
#c6c9ff rgb(198,201,255)
```
#d9dbff
```
#d9dbff rgb(217,219,255)
```
#edeeff
```
#edeeff rgb(237,238,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9798a4 is the less saturated color, while #3d48fe is the most saturated one.

#9798a4
```
#9798a4 rgb(151,152,164)
```
#9091ac
```
#9091ac rgb(144,145,172)
```
#888ab3
```
#888ab3 rgb(136,138,179)
```
#8184bb
```
#8184bb rgb(129,132,187)
```
#797dc2
```
#797dc2 rgb(121,125,194)
```
#7277ca
```
#7277ca rgb(114,119,202)
```
#6a70d1
```
#6a70d1 rgb(106,112,209)
```
#6369d9
```
#6369d9 rgb(99,105,217)
```
#5b63e0
```
#5b63e0 rgb(91,99,224)
```
#545ce8
```
#545ce8 rgb(84,92,232)
```
#4c55ef
```
#4c55ef rgb(76,85,239)
```
#454ff7
```
#454ff7 rgb(69,79,247)
```
#3d48fe
```
#3d48fe rgb(61,72,254)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#53567a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#165dde Protanomaly 1% of men, 0.01% of women
#1660cd Deuteranomaly 6% of men, 0.4% of women
#1665ab Tritanomaly 0.01% of the population

#3d48fe hex color

#3d48fe Color Information

#3d48fe Color Conversion

Color Schemes with #3d48fe

Alternatives to #3d48fe

#3d48fe Preview

Shades and Tints of #3d48fe

Tones of #3d48fe

Color Blindness Simulator