#301bda hex color

In a RGB color space, hex #301bda is composed of 18.8% red, 10.6% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 87.6% magenta, 0% yellow and 14.5% black. It has a hue angle of 246.6 degrees, a saturation of 78% and a lightness of 48%. #301bda color hex could be obtained by blending #6036ff with #0000b5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 11
- B 85
RGB color chart
- C 78
- M 88
- Y 0
- K 15
CMYK color chart

● #301bda color description : Vivid blue.

The hexadecimal color #301bda has RGB values of R:48, G:27, B:218 and CMYK values of C:0.78, M:0.88, Y:0, K:0.15. Its decimal value is 3152858.

Hex triplet	301bda	`#301bda`
RGB Decimal	48, 27, 218	`rgb(48,27,218)`
RGB Percent	18.8, 10.6, 85.5	`rgb(18.8%,10.6%,85.5%)`
CMYK	78, 88, 0, 15
HSL	246.6°, 78, 48	`hsl(246.6,78%,48%)`
HSV (or HSB)	246.6°, 87.6, 85.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.576, 64.943, -89.658
XYZ	14.263, 6.473, 66.824
xyY	0.163, 0.074, 6.473
CIE-LCH	30.576, 110.707, 305.917
CIE-LUV	30.576, -5.915, -111.897
Hunter-Lab	25.443, 55.543, -137.911
Binary	00110000, 00011011, 11011010

#301bda
```
#301bda rgb(48,27,218)
```
#c5da1b
```
#c5da1b rgb(197,218,27)
```

Complementary Color

#1b66da
```
#1b66da rgb(27,102,218)
```
#301bda
```
#301bda rgb(48,27,218)
```
#901bda
```
#901bda rgb(144,27,218)
```

Analogous Color

#66da1b
```
#66da1b rgb(102,218,27)
```
#301bda
```
#301bda rgb(48,27,218)
```
#da901b
```
#da901b rgb(218,144,27)
```

Split Complementary Color

#1bda30
```
#1bda30 rgb(27,218,48)
```
#301bda
```
#301bda rgb(48,27,218)
```
#da301b
```
#da301b rgb(218,48,27)
```

Triadic Color

#1bc5da
```
#1bc5da rgb(27,197,218)
```
#301bda
```
#301bda rgb(48,27,218)
```
#da301b
```
#da301b rgb(218,48,27)
```
#c5da1b
```
#c5da1b rgb(197,218,27)
```

Tetradic Color

#211396
```
#211396 rgb(33,19,150)
```
#2615ad
```
#2615ad rgb(38,21,173)
```
#2b18c3
```
#2b18c3 rgb(43,24,195)
```
#301bda
```
#301bda rgb(48,27,218)
```
#3e2ae5
```
#3e2ae5 rgb(62,42,229)
```
#5341e7
```
#5341e7 rgb(83,65,231)
```
#6757ea
```
#6757ea rgb(103,87,234)
```

Monochromatic Color

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

#1b36da
```
#1b36da rgb(27,54,218)
```
#1b26da
```
#1b26da rgb(27,38,218)
```
#201bda
```
#201bda rgb(32,27,218)
```
#301bda
```
#301bda rgb(48,27,218)
```
#401bda
```
#401bda rgb(64,27,218)
```
#501bda
```
#501bda rgb(80,27,218)
```
#601bda
```
#601bda rgb(96,27,218)
```

Similar Colors

Text with hexadecimal color #301bda

This text has a font color of #301bda.

<span style="color:#301bda;">Text here</span>

#301bda background color

This paragraph has a background color of #301bda.

<p style="background-color:#301bda;">Content here</p>

#301bda border color

This element has a border color of #301bda.

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

CSS codes

.text {color:#301bda;}

.background {background-color:#301bda;}

.border {border:1px solid #301bda;}

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

#020109
```
#020109 rgb(2,1,9)
```
#06031a
```
#06031a rgb(6,3,26)
```
#0a052b
```
#0a052b rgb(10,5,43)
```
#0d083d
```
#0d083d rgb(13,8,61)
```
#110a4e
```
#110a4e rgb(17,10,78)
```
#150c60
```
#150c60 rgb(21,12,96)
```
#190e71
```
#190e71 rgb(25,14,113)
```
#1d1083
```
#1d1083 rgb(29,16,131)
```
#211294
```
#211294 rgb(33,18,148)
```
#2415a6
```
#2415a6 rgb(36,21,166)
```
#2817b7
```
#2817b7 rgb(40,23,183)
```
#2c19c9
```
#2c19c9 rgb(44,25,201)
```
#301bda
```
#301bda rgb(48,27,218)
```

Shade Color Variation

#3a25e4
```
#3a25e4 rgb(58,37,228)
```
#4936e6
```
#4936e6 rgb(73,54,230)
```
#5948e8
```
#5948e8 rgb(89,72,232)
```
#6959ea
```
#6959ea rgb(105,89,234)
```
#796aed
```
#796aed rgb(121,106,237)
```
#897cef
```
#897cef rgb(137,124,239)
```
#988df1
```
#988df1 rgb(152,141,241)
```
#a89ff3
```
#a89ff3 rgb(168,159,243)
```
#b8b0f5
```
#b8b0f5 rgb(184,176,245)
```
#c8c2f7
```
#c8c2f7 rgb(200,194,247)
```
#d7d3fa
```
#d7d3fa rgb(215,211,250)
```
#e7e5fc
```
#e7e5fc rgb(231,229,252)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a797c is the less saturated color, while #2108ed is the most saturated one.

#7a797c
```
#7a797c rgb(122,121,124)
```
#727085
```
#727085 rgb(114,112,133)
```
#6b668f
```
#6b668f rgb(107,102,143)
```
#635d98
```
#635d98 rgb(99,93,152)
```
#5c54a1
```
#5c54a1 rgb(92,84,161)
```
#554aab
```
#554aab rgb(85,74,171)
```
#4d41b4
```
#4d41b4 rgb(77,65,180)
```
#4637be
```
#4637be rgb(70,55,190)
```
#3f2ec7
```
#3f2ec7 rgb(63,46,199)
```
#3724d1
```
#3724d1 rgb(55,36,209)
```
#301bda
```
#301bda rgb(48,27,218)
```
#2912e3
```
#2912e3 rgb(41,18,227)
```
#2108ed
```
#2108ed rgb(33,8,237)
```

Tone Color Variation

Below, you can see how #301bda 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

#373737 Achromatopsia 0.005% of the population
#363158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#113cb1 Protanomaly 1% of men, 0.01% of women
#113fa3 Deuteranomaly 6% of men, 0.4% of women
#11428a Tritanomaly 0.01% of the population

#301bda hex color

#301bda Color Information

#301bda Color Conversion

Color Schemes with #301bda

Alternatives to #301bda

#301bda Preview

Shades and Tints of #301bda

Tones of #301bda

Color Blindness Simulator