#302fbf hex color

In a RGB color space, hex #302fbf is composed of 18.8% red, 18.4% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 75.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 240.4 degrees, a saturation of 60.5% and a lightness of 46.7%. #302fbf color hex could be obtained by blending #605eff with #00007f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 18
- B 75
RGB color chart
- C 75
- M 75
- Y 0
- K 25
CMYK color chart

● #302fbf color description : Strong blue.

The hexadecimal color #302fbf has RGB values of R:48, G:47, B:191 and CMYK values of C:0.75, M:0.75, Y:0, K:0.25. Its decimal value is 3157951.

Hex triplet	302fbf	`#302fbf`
RGB Decimal	48, 47, 191	`rgb(48,47,191)`
RGB Percent	18.8, 18.4, 74.9	`rgb(18.8%,18.4%,74.9%)`
CMYK	75, 75, 0, 25
HSL	240.4°, 60.5, 46.7	`hsl(240.4,60.5%,46.7%)`
HSV (or HSB)	240.4°, 75.4, 74.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	30.454, 48.05, -74.119
XYZ	11.638, 6.422, 49.914
xyY	0.171, 0.094, 6.422
CIE-LCH	30.454, 88.331, 302.954
CIE-LUV	30.454, -6.814, -96.621
Hunter-Lab	25.342, 37.621, -99.037
Binary	00110000, 00101111, 10111111

#302fbf
```
#302fbf rgb(48,47,191)
```
#bebf2f
```
#bebf2f rgb(190,191,47)
```

Complementary Color

#2f76bf
```
#2f76bf rgb(47,118,191)
```
#302fbf
```
#302fbf rgb(48,47,191)
```
#782fbf
```
#782fbf rgb(120,47,191)
```

Analogous Color

#76bf2f
```
#76bf2f rgb(118,191,47)
```
#302fbf
```
#302fbf rgb(48,47,191)
```
#bf782f
```
#bf782f rgb(191,120,47)
```

Split Complementary Color

#2fbf30
```
#2fbf30 rgb(47,191,48)
```
#302fbf
```
#302fbf rgb(48,47,191)
```
#bf302f
```
#bf302f rgb(191,48,47)
```

Triadic Color

#2fbebf
```
#2fbebf rgb(47,190,191)
```
#302fbf
```
#302fbf rgb(48,47,191)
```
#bf302f
```
#bf302f rgb(191,48,47)
```
#bebf2f
```
#bebf2f rgb(190,191,47)
```

Tetradic Color

#212082
```
#212082 rgb(33,32,130)
```
#262596
```
#262596 rgb(38,37,150)
```
#2b2aab
```
#2b2aab rgb(43,42,171)
```
#302fbf
```
#302fbf rgb(48,47,191)
```
#3a39ce
```
#3a39ce rgb(58,57,206)
```
#4f4ed3
```
#4f4ed3 rgb(79,78,211)
```
#6362d8
```
#6362d8 rgb(99,98,216)
```

Monochromatic Color

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

#2f52bf
```
#2f52bf rgb(47,82,191)
```
#2f46bf
```
#2f46bf rgb(47,70,191)
```
#2f3abf
```
#2f3abf rgb(47,58,191)
```
#302fbf
```
#302fbf rgb(48,47,191)
```
#3c2fbf
```
#3c2fbf rgb(60,47,191)
```
#482fbf
```
#482fbf rgb(72,47,191)
```
#542fbf
```
#542fbf rgb(84,47,191)
```

Similar Colors

Text with hexadecimal color #302fbf

This text has a font color of #302fbf.

<span style="color:#302fbf;">Text here</span>

#302fbf background color

This paragraph has a background color of #302fbf.

<p style="background-color:#302fbf;">Content here</p>

#302fbf border color

This element has a border color of #302fbf.

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

CSS codes

.text {color:#302fbf;}

.background {background-color:#302fbf;}

.border {border:1px solid #302fbf;}

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

#010102
```
#010102 rgb(1,1,2)
```
#040412
```
#040412 rgb(4,4,18)
```
#080822
```
#080822 rgb(8,8,34)
```
#0c0c31
```
#0c0c31 rgb(12,12,49)
```
#101041
```
#101041 rgb(16,16,65)
```
#141451
```
#141451 rgb(20,20,81)
```
#181861
```
#181861 rgb(24,24,97)
```
#1c1c70
```
#1c1c70 rgb(28,28,112)
```
#202080
```
#202080 rgb(32,32,128)
```
#242390
```
#242390 rgb(36,35,144)
```
#2827a0
```
#2827a0 rgb(40,39,160)
```
#2c2baf
```
#2c2baf rgb(44,43,175)
```
#302fbf
```
#302fbf rgb(48,47,191)
```

Shade Color Variation

#3634cd
```
#3634cd rgb(54,52,205)
```
#4544d1
```
#4544d1 rgb(69,68,209)
```
#5554d5
```
#5554d5 rgb(85,84,213)
```
#6464d9
```
#6464d9 rgb(100,100,217)
```
#7473dd
```
#7473dd rgb(116,115,221)
```
#8483e1
```
#8483e1 rgb(132,131,225)
```
#9393e4
```
#9393e4 rgb(147,147,228)
```
#a3a3e8
```
#a3a3e8 rgb(163,163,232)
```
#b3b2ec
```
#b3b2ec rgb(179,178,236)
```
#c2c2f0
```
#c2c2f0 rgb(194,194,240)
```
#d2d2f4
```
#d2d2f4 rgb(210,210,244)
```
#e2e2f8
```
#e2e2f8 rgb(226,226,248)
```
#f1f1fc
```
#f1f1fc rgb(241,241,252)
```

Tint Color Variation

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

#6f6f7f
```
#6f6f7f rgb(111,111,127)
```
#666688
```
#666688 rgb(102,102,136)
```
#5d5d91
```
#5d5d91 rgb(93,93,145)
```
#54549a
```
#54549a rgb(84,84,154)
```
#4b4aa4
```
#4b4aa4 rgb(75,74,164)
```
#4241ad
```
#4241ad rgb(66,65,173)
```
#3938b6
```
#3938b6 rgb(57,56,182)
```
#302fbf
```
#302fbf rgb(48,47,191)
```
#2726c8
```
#2726c8 rgb(39,38,200)
```
#1e1dd1
```
#1e1dd1 rgb(30,29,209)
```
#1514da
```
#1514da rgb(21,20,218)
```
#0c0ae4
```
#0c0ae4 rgb(12,10,228)
```
#0301ed
```
#0301ed rgb(3,1,237)
```

Tone Color Variation

Below, you can see how #302fbf 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

#404040 Achromatopsia 0.005% of the population
#3d3d59 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1143a7 Protanomaly 1% of men, 0.01% of women
#11469a Deuteranomaly 6% of men, 0.4% of women
#114981 Tritanomaly 0.01% of the population

#302fbf hex color

#302fbf Color Information

#302fbf Color Conversion

Color Schemes with #302fbf

Alternatives to #302fbf

#302fbf Preview

Shades and Tints of #302fbf

Tones of #302fbf

Color Blindness Simulator