#1f72cc hex color

In a RGB color space, hex #1f72cc is composed of 12.2% red, 44.7% green and 80% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 44.1% magenta, 0% yellow and 20% black. It has a hue angle of 211.2 degrees, a saturation of 73.6% and a lightness of 46.1%. #1f72cc color hex could be obtained by blending #3ee4ff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 45
- B 80
RGB color chart
- C 85
- M 44
- Y 0
- K 20
CMYK color chart

● #1f72cc color description : Strong blue.

The hexadecimal color #1f72cc has RGB values of R:31, G:114, B:204 and CMYK values of C:0.85, M:0.44, Y:0, K:0.2. Its decimal value is 2061004.

Hex triplet	1f72cc	`#1f72cc`
RGB Decimal	31, 114, 204	`rgb(31,114,204)`
RGB Percent	12.2, 44.7, 80	`rgb(12.2%,44.7%,80%)`
CMYK	85, 44, 0, 20
HSL	211.2°, 73.6, 46.1	`hsl(211.2,73.6%,46.1%)`
HSV (or HSB)	211.2°, 84.8, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.859, 9.078, -53.338
XYZ	17.479, 16.684, 59.423
xyY	0.187, 0.178, 16.684
CIE-LCH	47.859, 54.105, 279.659
CIE-LUV	47.859, -25.559, -81.92
Hunter-Lab	40.846, 4.903, -57.662
Binary	00011111, 01110010, 11001100

#1f72cc
```
#1f72cc rgb(31,114,204)
```
#cc791f
```
#cc791f rgb(204,121,31)
```

Complementary Color

#1fc9cc
```
#1fc9cc rgb(31,201,204)
```
#1f72cc
```
#1f72cc rgb(31,114,204)
```
#231fcc
```
#231fcc rgb(35,31,204)
```

Analogous Color

#c9cc1f
```
#c9cc1f rgb(201,204,31)
```
#1f72cc
```
#1f72cc rgb(31,114,204)
```
#cc231f
```
#cc231f rgb(204,35,31)
```

Split Complementary Color

#72cc1f
```
#72cc1f rgb(114,204,31)
```
#1f72cc
```
#1f72cc rgb(31,114,204)
```
#cc1f72
```
#cc1f72 rgb(204,31,114)
```

Triadic Color

#1fcc79
```
#1fcc79 rgb(31,204,121)
```
#1f72cc
```
#1f72cc rgb(31,114,204)
```
#cc1f72
```
#cc1f72 rgb(204,31,114)
```
#cc791f
```
#cc791f rgb(204,121,31)
```

Tetradic Color

#154d8a
```
#154d8a rgb(21,77,138)
```
#1859a0
```
#1859a0 rgb(24,89,160)
```
#1c66b6
```
#1c66b6 rgb(28,102,182)
```
#1f72cc
```
#1f72cc rgb(31,114,204)
```
#267fde
```
#267fde rgb(38,127,222)
```
#3d8ce1
```
#3d8ce1 rgb(61,140,225)
```
#5399e5
```
#5399e5 rgb(83,153,229)
```

Monochromatic Color

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

#1f9dcc
```
#1f9dcc rgb(31,157,204)
```
#1f8fcc
```
#1f8fcc rgb(31,143,204)
```
#1f80cc
```
#1f80cc rgb(31,128,204)
```
#1f72cc
```
#1f72cc rgb(31,114,204)
```
#1f64cc
```
#1f64cc rgb(31,100,204)
```
#1f55cc
```
#1f55cc rgb(31,85,204)
```
#1f47cc
```
#1f47cc rgb(31,71,204)
```

Similar Colors

Text with hexadecimal color #1f72cc

This text has a font color of #1f72cc.

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

#1f72cc background color

This paragraph has a background color of #1f72cc.

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

#1f72cc border color

This element has a border color of #1f72cc.

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

CSS codes

.text {color:#1f72cc;}

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

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

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

#030911
```
#030911 rgb(3,9,17)
```
#051322
```
#051322 rgb(5,19,34)
```
#081c33
```
#081c33 rgb(8,28,51)
```
#0a2644
```
#0a2644 rgb(10,38,68)
```
#0d2f55
```
#0d2f55 rgb(13,47,85)
```
#0f3966
```
#0f3966 rgb(15,57,102)
```
#124277
```
#124277 rgb(18,66,119)
```
#154c88
```
#154c88 rgb(21,76,136)
```
#175599
```
#175599 rgb(23,85,153)
```
#1a5faa
```
#1a5faa rgb(26,95,170)
```
#1c68bb
```
#1c68bb rgb(28,104,187)
```
#1f72cc
```
#1f72cc rgb(31,114,204)
```
#227cdd
```
#227cdd rgb(34,124,221)
```

Shade Color Variation

#3286e0
```
#3286e0 rgb(50,134,224)
```
#4390e2
```
#4390e2 rgb(67,144,226)
```
#549ae5
```
#549ae5 rgb(84,154,229)
```
#65a4e8
```
#65a4e8 rgb(101,164,232)
```
#76aeea
```
#76aeea rgb(118,174,234)
```
#87b8ed
```
#87b8ed rgb(135,184,237)
```
#98c2ef
```
#98c2ef rgb(152,194,239)
```
#aaccf2
```
#aaccf2 rgb(170,204,242)
```
#bbd6f5
```
#bbd6f5 rgb(187,214,245)
```
#cce1f7
```
#cce1f7 rgb(204,225,247)
```
#ddebfa
```
#ddebfa rgb(221,235,250)
```
#eef5fc
```
#eef5fc rgb(238,245,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70757b is the less saturated color, while #0471e7 is the most saturated one.

#70757b
```
#70757b rgb(112,117,123)
```
#677584
```
#677584 rgb(103,117,132)
```
#5e758d
```
#5e758d rgb(94,117,141)
```
#557496
```
#557496 rgb(85,116,150)
```
#4c749f
```
#4c749f rgb(76,116,159)
```
#4373a8
```
#4373a8 rgb(67,115,168)
```
#3a73b1
```
#3a73b1 rgb(58,115,177)
```
#3173ba
```
#3173ba rgb(49,115,186)
```
#2872c3
```
#2872c3 rgb(40,114,195)
```
#1f72cc
```
#1f72cc rgb(31,114,204)
```
#1672d5
```
#1672d5 rgb(22,114,213)
```
#0d71de
```
#0d71de rgb(13,113,222)
```
#0471e7
```
#0471e7 rgb(4,113,231)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#556678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c76cb Protanopia 1% of men
#007acd Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#3b74cb Protanomaly 1% of men, 0.01% of women
#0b77cc Deuteranomaly 6% of men, 0.4% of women
#0b7da3 Tritanomaly 0.01% of the population

#1f72cc hex color

#1f72cc Color Information

#1f72cc Color Conversion

Color Schemes with #1f72cc

Alternatives to #1f72cc

#1f72cc Preview

Shades and Tints of #1f72cc

Tones of #1f72cc

Color Blindness Simulator