#1f72be hex color

In a RGB color space, hex #1f72be is composed of 12.2% red, 44.7% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 40% magenta, 0% yellow and 25.5% black. It has a hue angle of 208.7 degrees, a saturation of 71.9% and a lightness of 43.3%. #1f72be color hex could be obtained by blending #3ee4ff with #00007d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 45
- B 75
RGB color chart
- C 84
- M 40
- Y 0
- K 25
CMYK color chart

● #1f72be color description : Strong blue.

The hexadecimal color #1f72be has RGB values of R:31, G:114, B:190 and CMYK values of C:0.84, M:0.4, Y:0, K:0.25. Its decimal value is 2060990.

Hex triplet	1f72be	`#1f72be`
RGB Decimal	31, 114, 190	`rgb(31,114,190)`
RGB Percent	12.2, 44.7, 74.5	`rgb(12.2%,44.7%,74.5%)`
CMYK	84, 40, 0, 25
HSL	208.7°, 71.9, 43.3	`hsl(208.7,71.9%,43.3%)`
HSV (or HSB)	208.7°, 83.7, 74.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.03, 3.673, -46.622
XYZ	15.874, 16.042, 50.972
xyY	0.192, 0.194, 16.042
CIE-LCH	47.03, 46.766, 274.504
CIE-LUV	47.03, -26.136, -70.734
Hunter-Lab	40.053, 0.654, -47.417
Binary	00011111, 01110010, 10111110

#1f72be
```
#1f72be rgb(31,114,190)
```
#be6b1f
```
#be6b1f rgb(190,107,31)
```

Complementary Color

#1fbebb
```
#1fbebb rgb(31,190,187)
```
#1f72be
```
#1f72be rgb(31,114,190)
```
#1f23be
```
#1f23be rgb(31,35,190)
```

Analogous Color

#bebb1f
```
#bebb1f rgb(190,187,31)
```
#1f72be
```
#1f72be rgb(31,114,190)
```
#be1f23
```
#be1f23 rgb(190,31,35)
```

Split Complementary Color

#72be1f
```
#72be1f rgb(114,190,31)
```
#1f72be
```
#1f72be rgb(31,114,190)
```
#be1f72
```
#be1f72 rgb(190,31,114)
```

Triadic Color

#1fbe6b
```
#1fbe6b rgb(31,190,107)
```
#1f72be
```
#1f72be rgb(31,114,190)
```
#be1f72
```
#be1f72 rgb(190,31,114)
```
#be6b1f
```
#be6b1f rgb(190,107,31)
```

Tetradic Color

#144b7c
```
#144b7c rgb(20,75,124)
```
#185892
```
#185892 rgb(24,88,146)
```
#1b65a8
```
#1b65a8 rgb(27,101,168)
```
#1f72be
```
#1f72be rgb(31,114,190)
```
#237fd4
```
#237fd4 rgb(35,127,212)
```
#328cde
```
#328cde rgb(50,140,222)
```
#4898e1
```
#4898e1 rgb(72,152,225)
```

Monochromatic Color

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

#1f9abe
```
#1f9abe rgb(31,154,190)
```
#1f8dbe
```
#1f8dbe rgb(31,141,190)
```
#1f7fbe
```
#1f7fbe rgb(31,127,190)
```
#1f72be
```
#1f72be rgb(31,114,190)
```
#1f65be
```
#1f65be rgb(31,101,190)
```
#1f58be
```
#1f58be rgb(31,88,190)
```
#1f4abe
```
#1f4abe rgb(31,74,190)
```

Similar Colors

Text with hexadecimal color #1f72be

This text has a font color of #1f72be.

<span style="color:#1f72be;">Text here</span>

#1f72be background color

This paragraph has a background color of #1f72be.

<p style="background-color:#1f72be;">Content here</p>

#1f72be border color

This element has a border color of #1f72be.

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

CSS codes

.text {color:#1f72be;}

.background {background-color:#1f72be;}

.border {border:1px solid #1f72be;}

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

#010304
```
#010304 rgb(1,3,4)
```
#030d15
```
#030d15 rgb(3,13,21)
```
#061726
```
#061726 rgb(6,23,38)
```
#092137
```
#092137 rgb(9,33,55)
```
#0c2b48
```
#0c2b48 rgb(12,43,72)
```
#0e3559
```
#0e3559 rgb(14,53,89)
```
#113f6a
```
#113f6a rgb(17,63,106)
```
#144a7b
```
#144a7b rgb(20,74,123)
```
#17548b
```
#17548b rgb(23,84,139)
```
#195e9c
```
#195e9c rgb(25,94,156)
```
#1c68ad
```
#1c68ad rgb(28,104,173)
```
#1f72be
```
#1f72be rgb(31,114,190)
```
#227ccf
```
#227ccf rgb(34,124,207)
```

Shade Color Variation

#2886dc
```
#2886dc rgb(40,134,220)
```
#3990df
```
#3990df rgb(57,144,223)
```
#4a99e1
```
#4a99e1 rgb(74,153,225)
```
#5ba3e4
```
#5ba3e4 rgb(91,163,228)
```
#6cace7
```
#6cace7 rgb(108,172,231)
```
#7db6ea
```
#7db6ea rgb(125,182,234)
```
#8dbfec
```
#8dbfec rgb(141,191,236)
```
#9ec9ef
```
#9ec9ef rgb(158,201,239)
```
#afd2f2
```
#afd2f2 rgb(175,210,242)
```
#c0dcf5
```
#c0dcf5 rgb(192,220,245)
```
#d1e5f7
```
#d1e5f7 rgb(209,229,247)
```
#e2effa
```
#e2effa rgb(226,239,250)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

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

#6c6f72
```
#6c6f72 rgb(108,111,114)
```
#636f7a
```
#636f7a rgb(99,111,122)
```
#5b6f83
```
#5b6f83 rgb(91,111,131)
```
#52708b
```
#52708b rgb(82,112,139)
```
#4a7094
```
#4a7094 rgb(74,112,148)
```
#41719c
```
#41719c rgb(65,113,156)
```
#3971a5
```
#3971a5 rgb(57,113,165)
```
#3071ad
```
#3071ad rgb(48,113,173)
```
#2872b6
```
#2872b6 rgb(40,114,182)
```
#1f72be
```
#1f72be rgb(31,114,190)
```
#1772c7
```
#1772c7 rgb(23,114,199)
```
#0e73cf
```
#0e73cf rgb(14,115,207)
```
#0573d8
```
#0573d8 rgb(5,115,216)
```

Tone Color Variation

Below, you can see how #1f72be 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

#626262 Achromatopsia 0.005% of the population
#556574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5574bd Protanopia 1% of men
#3778c1 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#4173bd Protanomaly 1% of men, 0.01% of women
#2e75c0 Deuteranomaly 6% of men, 0.4% of women
#0b7c9d Tritanomaly 0.01% of the population

#1f72be hex color

#1f72be Color Information

#1f72be Color Conversion

Color Schemes with #1f72be

Alternatives to #1f72be

#1f72be Preview

Shades and Tints of #1f72be

Tones of #1f72be

Color Blindness Simulator