#3072fd hex color

In a RGB color space, hex #3072fd is composed of 18.8% red, 44.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 54.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 220.7 degrees, a saturation of 98.1% and a lightness of 59%. #3072fd color hex could be obtained by blending #60e4ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 45
- B 99
RGB color chart
- C 81
- M 55
- Y 0
- K 1
CMYK color chart

● #3072fd color description : Bright blue.

The hexadecimal color #3072fd has RGB values of R:48, G:114, B:253 and CMYK values of C:0.81, M:0.55, Y:0, K:0.01. Its decimal value is 3175165.

Hex triplet	3072fd	`#3072fd`
RGB Decimal	48, 114, 253	`rgb(48,114,253)`
RGB Percent	18.8, 44.7, 99.2	`rgb(18.8%,44.7%,99.2%)`
CMYK	81, 55, 0, 1
HSL	220.7°, 98.1, 59	`hsl(220.7,98.1%,59%)`
HSV (or HSB)	220.7°, 81, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.557, 29.004, -74.915
XYZ	24.962, 19.753, 95.42
xyY	0.178, 0.141, 19.753
CIE-LCH	51.557, 80.334, 291.165
CIE-LUV	51.557, -22.443, -117.766
Hunter-Lab	44.444, 22.477, -96.183
Binary	00110000, 01110010, 11111101

#3072fd
```
#3072fd rgb(48,114,253)
```
#fdbb30
```
#fdbb30 rgb(253,187,48)
```

Complementary Color

#30d9fd
```
#30d9fd rgb(48,217,253)
```
#3072fd
```
#3072fd rgb(48,114,253)
```
#5530fd
```
#5530fd rgb(85,48,253)
```

Analogous Color

#d9fd30
```
#d9fd30 rgb(217,253,48)
```
#3072fd
```
#3072fd rgb(48,114,253)
```
#fd5530
```
#fd5530 rgb(253,85,48)
```

Split Complementary Color

#72fd30
```
#72fd30 rgb(114,253,48)
```
#3072fd
```
#3072fd rgb(48,114,253)
```
#fd3072
```
#fd3072 rgb(253,48,114)
```

Triadic Color

#30fdbb
```
#30fdbb rgb(48,253,187)
```
#3072fd
```
#3072fd rgb(48,114,253)
```
#fd3072
```
#fd3072 rgb(253,48,114)
```
#fdbb30
```
#fdbb30 rgb(253,187,48)
```

Tetradic Color

#0249de
```
#0249de rgb(2,73,222)
```
#0251f8
```
#0251f8 rgb(2,81,248)
```
#1761fd
```
#1761fd rgb(23,97,253)
```
#3072fd
```
#3072fd rgb(48,114,253)
```
#4983fd
```
#4983fd rgb(73,131,253)
```
#6394fd
```
#6394fd rgb(99,148,253)
```
#7ca6fe
```
#7ca6fe rgb(124,166,254)
```

Monochromatic Color

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

#30a5fd
```
#30a5fd rgb(48,165,253)
```
#3094fd
```
#3094fd rgb(48,148,253)
```
#3083fd
```
#3083fd rgb(48,131,253)
```
#3072fd
```
#3072fd rgb(48,114,253)
```
#3061fd
```
#3061fd rgb(48,97,253)
```
#3050fd
```
#3050fd rgb(48,80,253)
```
#303ffd
```
#303ffd rgb(48,63,253)
```

Similar Colors

Text with hexadecimal color #3072fd

This text has a font color of #3072fd.

<span style="color:#3072fd;">Text here</span>

#3072fd background color

This paragraph has a background color of #3072fd.

<p style="background-color:#3072fd;">Content here</p>

#3072fd border color

This element has a border color of #3072fd.

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

CSS codes

.text {color:#3072fd;}

.background {background-color:#3072fd;}

.border {border:1px solid #3072fd;}

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

#000207
```
#000207 rgb(0,2,7)
```
#00091a
```
#00091a rgb(0,9,26)
```
#000f2e
```
#000f2e rgb(0,15,46)
```
#011541
```
#011541 rgb(1,21,65)
```
#011c54
```
#011c54 rgb(1,28,84)
```
#012268
```
#012268 rgb(1,34,104)
```
#01287b
```
#01287b rgb(1,40,123)
```
#012f8f
```
#012f8f rgb(1,47,143)
```
#0235a2
```
#0235a2 rgb(2,53,162)
```
#023cb6
```
#023cb6 rgb(2,60,182)
```
#0242c9
```
#0242c9 rgb(2,66,201)
```
#0248dc
```
#0248dc rgb(2,72,220)
```
#024ff0
```
#024ff0 rgb(2,79,240)
```

Shade Color Variation

#0958fd
```
#0958fd rgb(9,88,253)
```
#1d65fd
```
#1d65fd rgb(29,101,253)
```
#3072fd
```
#3072fd rgb(48,114,253)
```
#437ffd
```
#437ffd rgb(67,127,253)
```
#578cfd
```
#578cfd rgb(87,140,253)
```
#6a9afe
```
#6a9afe rgb(106,154,254)
```
#7ea7fe
```
#7ea7fe rgb(126,167,254)
```
#91b4fe
```
#91b4fe rgb(145,180,254)
```
#a5c1fe
```
#a5c1fe rgb(165,193,254)
```
#b8cffe
```
#b8cffe rgb(184,207,254)
```
#cbdcff
```
#cbdcff rgb(203,220,255)
```
#dfe9ff
```
#dfe9ff rgb(223,233,255)
```
#f2f6ff
```
#f2f6ff rgb(242,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90949d is the less saturated color, while #3072fd is the most saturated one.

#90949d
```
#90949d rgb(144,148,157)
```
#8891a5
```
#8891a5 rgb(136,145,165)
```
#808fad
```
#808fad rgb(128,143,173)
```
#788cb5
```
#788cb5 rgb(120,140,181)
```
#7089bd
```
#7089bd rgb(112,137,189)
```
#6886c5
```
#6886c5 rgb(104,134,197)
```
#6083cd
```
#6083cd rgb(96,131,205)
```
#5880d5
```
#5880d5 rgb(88,128,213)
```
#507ddd
```
#507ddd rgb(80,125,221)
```
#487be5
```
#487be5 rgb(72,123,229)
```
#4078ed
```
#4078ed rgb(64,120,237)
```
#3875f5
```
#3875f5 rgb(56,117,245)
```
#3072fd
```
#3072fd rgb(48,114,253)
```

Tone Color Variation

Below, you can see how #3072fd 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

#6e6e6e Achromatopsia 0.005% of the population
#626f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#007df6 Protanopia 1% of men
#0084d7 Deuteranopia 1% of men
#008e96 Tritanopia 0.001% of the population

Trichromacy

#1179f8 Protanomaly 1% of men, 0.01% of women
#117de5 Deuteranomaly 6% of men, 0.4% of women
#1184bb Tritanomaly 0.01% of the population

#3072fd hex color

#3072fd Color Information

#3072fd Color Conversion

Color Schemes with #3072fd

Alternatives to #3072fd

#3072fd Preview

Shades and Tints of #3072fd

Tones of #3072fd

Color Blindness Simulator