#2c74ba hex color

In a RGB color space, hex #2c74ba is composed of 17.3% red, 45.5% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 37.6% magenta, 0% yellow and 27.1% black. It has a hue angle of 209.6 degrees, a saturation of 61.7% and a lightness of 45.1%. #2c74ba color hex could be obtained by blending #58e8ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 17
- G 45
- B 73
RGB color chart
- C 76
- M 38
- Y 0
- K 27
CMYK color chart

● #2c74ba color description : Strong blue.

The hexadecimal color #2c74ba has RGB values of R:44, G:116, B:186 and CMYK values of C:0.76, M:0.38, Y:0, K:0.27. Its decimal value is 2913466.

Hex triplet	2c74ba	`#2c74ba`
RGB Decimal	44, 116, 186	`rgb(44,116,186)`
RGB Percent	17.3, 45.5, 72.9	`rgb(17.3%,45.5%,72.9%)`
CMYK	76, 38, 0, 27
HSL	209.6°, 61.7, 45.1	`hsl(209.6,61.7%,45.1%)`
HSV (or HSB)	209.6°, 76.3, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.714, 2.28, -43.204
XYZ	16.145, 16.57, 48.799
xyY	0.198, 0.203, 16.57
CIE-LCH	47.714, 43.264, 273.021
CIE-LUV	47.714, -25.275, -65.483
Hunter-Lab	40.706, -0.44, -42.583
Binary	00101100, 01110100, 10111010

#2c74ba
```
#2c74ba rgb(44,116,186)
```
#ba722c
```
#ba722c rgb(186,114,44)
```

Complementary Color

#2cbab9
```
#2cbab9 rgb(44,186,185)
```
#2c74ba
```
#2c74ba rgb(44,116,186)
```
#2c2dba
```
#2c2dba rgb(44,45,186)
```

Analogous Color

#bab92c
```
#bab92c rgb(186,185,44)
```
#2c74ba
```
#2c74ba rgb(44,116,186)
```
#ba2c2d
```
#ba2c2d rgb(186,44,45)
```

Split Complementary Color

#74ba2c
```
#74ba2c rgb(116,186,44)
```
#2c74ba
```
#2c74ba rgb(44,116,186)
```
#ba2c74
```
#ba2c74 rgb(186,44,116)
```

Triadic Color

#2cba72
```
#2cba72 rgb(44,186,114)
```
#2c74ba
```
#2c74ba rgb(44,116,186)
```
#ba2c74
```
#ba2c74 rgb(186,44,116)
```
#ba722c
```
#ba722c rgb(186,114,44)
```

Tetradic Color

#1d4d7c
```
#1d4d7c rgb(29,77,124)
```
#225a91
```
#225a91 rgb(34,90,145)
```
#2767a5
```
#2767a5 rgb(39,103,165)
```
#2c74ba
```
#2c74ba rgb(44,116,186)
```
#3181ce
```
#3181ce rgb(49,129,206)
```
#468dd3
```
#468dd3 rgb(70,141,211)
```
#5a9ad8
```
#5a9ad8 rgb(90,154,216)
```

Monochromatic Color

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

#2c98ba
```
#2c98ba rgb(44,152,186)
```
#2c8cba
```
#2c8cba rgb(44,140,186)
```
#2c80ba
```
#2c80ba rgb(44,128,186)
```
#2c74ba
```
#2c74ba rgb(44,116,186)
```
#2c68ba
```
#2c68ba rgb(44,104,186)
```
#2c5cba
```
#2c5cba rgb(44,92,186)
```
#2c51ba
```
#2c51ba rgb(44,81,186)
```

Similar Colors

Text with hexadecimal color #2c74ba

This text has a font color of #2c74ba.

<span style="color:#2c74ba;">Text here</span>

#2c74ba background color

This paragraph has a background color of #2c74ba.

<p style="background-color:#2c74ba;">Content here</p>

#2c74ba border color

This element has a border color of #2c74ba.

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

CSS codes

.text {color:#2c74ba;}

.background {background-color:#2c74ba;}

.border {border:1px solid #2c74ba;}

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, #03070c is the darkest color, while #fbfcfe is the lightest one.

#03070c
```
#03070c rgb(3,7,12)
```
#06111b
```
#06111b rgb(6,17,27)
```
#0a1b2b
```
#0a1b2b rgb(10,27,43)
```
#0e253b
```
#0e253b rgb(14,37,59)
```
#122f4b
```
#122f4b rgb(18,47,75)
```
#15395b
```
#15395b rgb(21,57,91)
```
#19436b
```
#19436b rgb(25,67,107)
```
#1d4c7b
```
#1d4c7b rgb(29,76,123)
```
#21568a
```
#21568a rgb(33,86,138)
```
#24609a
```
#24609a rgb(36,96,154)
```
#286aaa
```
#286aaa rgb(40,106,170)
```
#2c74ba
```
#2c74ba rgb(44,116,186)
```
#307eca
```
#307eca rgb(48,126,202)
```

Shade Color Variation

#3c88d1
```
#3c88d1 rgb(60,136,209)
```
#4c91d5
```
#4c91d5 rgb(76,145,213)
```
#5c9bd8
```
#5c9bd8 rgb(92,155,216)
```
#6ca5dc
```
#6ca5dc rgb(108,165,220)
```
#7cafe0
```
#7cafe0 rgb(124,175,224)
```
#8cb8e4
```
#8cb8e4 rgb(140,184,228)
```
#9bc2e7
```
#9bc2e7 rgb(155,194,231)
```
#abcceb
```
#abcceb rgb(171,204,235)
```
#bbd5ef
```
#bbd5ef rgb(187,213,239)
```
#cbdff3
```
#cbdff3 rgb(203,223,243)
```
#dbe9f6
```
#dbe9f6 rgb(219,233,246)
```
#ebf3fa
```
#ebf3fa rgb(235,243,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737373 is the less saturated color, while #0974dd is the most saturated one.

#737373
```
#737373 rgb(115,115,115)
```
#6a737c
```
#6a737c rgb(106,115,124)
```
#617385
```
#617385 rgb(97,115,133)
```
#58738e
```
#58738e rgb(88,115,142)
```
#4f7497
```
#4f7497 rgb(79,116,151)
```
#47749f
```
#47749f rgb(71,116,159)
```
#3e74a8
```
#3e74a8 rgb(62,116,168)
```
#3574b1
```
#3574b1 rgb(53,116,177)
```
#2c74ba
```
#2c74ba rgb(44,116,186)
```
#2374c3
```
#2374c3 rgb(35,116,195)
```
#1a74cc
```
#1a74cc rgb(26,116,204)
```
#1174d5
```
#1174d5 rgb(17,116,213)
```
#0974dd
```
#0974dd rgb(9,116,221)
```

Tone Color Variation

Below, you can see how #2c74ba 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

#666666 Achromatopsia 0.005% of the population
#5a6977 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c76b9 Protanopia 1% of men
#4679be Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#4a75b9 Protanomaly 1% of men, 0.01% of women
#3c77bc Deuteranomaly 6% of men, 0.4% of women
#107e9d Tritanomaly 0.01% of the population

#2c74ba hex color

#2c74ba Color Information

#2c74ba Color Conversion

Color Schemes with #2c74ba

Alternatives to #2c74ba

#2c74ba Preview

Shades and Tints of #2c74ba

Tones of #2c74ba

Color Blindness Simulator