#2f94c3 hex color

In a RGB color space, hex #2f94c3 is composed of 18.4% red, 58% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 24.1% magenta, 0% yellow and 23.5% black. It has a hue angle of 199.1 degrees, a saturation of 61.2% and a lightness of 47.5%. #2f94c3 color hex could be obtained by blending #5effff with #002987. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 58
- B 76
RGB color chart
- C 76
- M 24
- Y 0
- K 24
CMYK color chart

● #2f94c3 color description : Strong blue.

The hexadecimal color #2f94c3 has RGB values of R:47, G:148, B:195 and CMYK values of C:0.76, M:0.24, Y:0, K:0.24. Its decimal value is 3118275.

Hex triplet	2f94c3	`#2f94c3`
RGB Decimal	47, 148, 195	`rgb(47,148,195)`
RGB Percent	18.4, 58, 76.5	`rgb(18.4%,58%,76.5%)`
CMYK	76, 24, 0, 24
HSL	199.1°, 61.2, 47.5	`hsl(199.1,61.2%,47.5%)`
HSV (or HSB)	199.1°, 75.9, 76.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.773, -12.815, -32.523
XYZ	21.61, 25.722, 55.453
xyY	0.21, 0.25, 25.722
CIE-LCH	57.773, 34.957, 248.494
CIE-LUV	57.773, -35.446, -48.732
Hunter-Lab	50.717, -12.699, -29.324
Binary	00101111, 10010100, 11000011

#2f94c3
```
#2f94c3 rgb(47,148,195)
```
#c35e2f
```
#c35e2f rgb(195,94,47)
```

Complementary Color

#2fc3a8
```
#2fc3a8 rgb(47,195,168)
```
#2f94c3
```
#2f94c3 rgb(47,148,195)
```
#2f4ac3
```
#2f4ac3 rgb(47,74,195)
```

Analogous Color

#c3a82f
```
#c3a82f rgb(195,168,47)
```
#2f94c3
```
#2f94c3 rgb(47,148,195)
```
#c32f4a
```
#c32f4a rgb(195,47,74)
```

Split Complementary Color

#94c32f
```
#94c32f rgb(148,195,47)
```
#2f94c3
```
#2f94c3 rgb(47,148,195)
```
#c32f94
```
#c32f94 rgb(195,47,148)
```

Triadic Color

#2fc35e
```
#2fc35e rgb(47,195,94)
```
#2f94c3
```
#2f94c3 rgb(47,148,195)
```
#c32f94
```
#c32f94 rgb(195,47,148)
```
#c35e2f
```
#c35e2f rgb(195,94,47)
```

Tetradic Color

#206585
```
#206585 rgb(32,101,133)
```
#25759a
```
#25759a rgb(37,117,154)
```
#2a84ae
```
#2a84ae rgb(42,132,174)
```
#2f94c3
```
#2f94c3 rgb(47,148,195)
```
#3ca1d0
```
#3ca1d0 rgb(60,161,208)
```
#50abd5
```
#50abd5 rgb(80,171,213)
```
#65b5da
```
#65b5da rgb(101,181,218)
```

Monochromatic Color

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

#2fb9c3
```
#2fb9c3 rgb(47,185,195)
```
#2fadc3
```
#2fadc3 rgb(47,173,195)
```
#2fa0c3
```
#2fa0c3 rgb(47,160,195)
```
#2f94c3
```
#2f94c3 rgb(47,148,195)
```
#2f88c3
```
#2f88c3 rgb(47,136,195)
```
#2f7bc3
```
#2f7bc3 rgb(47,123,195)
```
#2f6fc3
```
#2f6fc3 rgb(47,111,195)
```

Similar Colors

Text with hexadecimal color #2f94c3

This text has a font color of #2f94c3.

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

#2f94c3 background color

This paragraph has a background color of #2f94c3.

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

#2f94c3 border color

This element has a border color of #2f94c3.

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

CSS codes

.text {color:#2f94c3;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#051015
```
#051015 rgb(5,16,21)
```
#091c25
```
#091c25 rgb(9,28,37)
```
#0d2835
```
#0d2835 rgb(13,40,53)
```
#113445
```
#113445 rgb(17,52,69)
```
#144054
```
#144054 rgb(20,64,84)
```
#184c64
```
#184c64 rgb(24,76,100)
```
#1c5874
```
#1c5874 rgb(28,88,116)
```
#206484
```
#206484 rgb(32,100,132)
```
#247094
```
#247094 rgb(36,112,148)
```
#277ca3
```
#277ca3 rgb(39,124,163)
```
#2b88b3
```
#2b88b3 rgb(43,136,179)
```
#2f94c3
```
#2f94c3 rgb(47,148,195)
```

Shade Color Variation

#379fcf
```
#379fcf rgb(55,159,207)
```
#47a6d3
```
#47a6d3 rgb(71,166,211)
```
#56aed6
```
#56aed6 rgb(86,174,214)
```
#66b5da
```
#66b5da rgb(102,181,218)
```
#76bdde
```
#76bdde rgb(118,189,222)
```
#86c5e2
```
#86c5e2 rgb(134,197,226)
```
#96cce6
```
#96cce6 rgb(150,204,230)
```
#a5d4e9
```
#a5d4e9 rgb(165,212,233)
```
#b5dbed
```
#b5dbed rgb(181,219,237)
```
#c5e3f1
```
#c5e3f1 rgb(197,227,241)
```
#d5ebf5
```
#d5ebf5 rgb(213,235,245)
```
#e5f2f9
```
#e5f2f9 rgb(229,242,249)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707c82 is the less saturated color, while #00a5f2 is the most saturated one.

#707c82
```
#707c82 rgb(112,124,130)
```
#67808b
```
#67808b rgb(103,128,139)
```
#5e8394
```
#5e8394 rgb(94,131,148)
```
#54869e
```
#54869e rgb(84,134,158)
```
#4b8aa7
```
#4b8aa7 rgb(75,138,167)
```
#428db0
```
#428db0 rgb(66,141,176)
```
#3891ba
```
#3891ba rgb(56,145,186)
```
#2f94c3
```
#2f94c3 rgb(47,148,195)
```
#2697cc
```
#2697cc rgb(38,151,204)
```
#1c9bd6
```
#1c9bd6 rgb(28,155,214)
```
#139edf
```
#139edf rgb(19,158,223)
```
#0aa2e8
```
#0aa2e8 rgb(10,162,232)
```
#00a5f2
```
#00a5f2 rgb(0,165,242)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6c8089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#828fbe Protanopia 1% of men
#788fca Deuteranopia 1% of men
#009eaa Tritanopia 0.001% of the population

Trichromacy

#6390c0 Protanomaly 1% of men, 0.01% of women
#5d91c7 Deuteranomaly 6% of men, 0.4% of women
#119ab3 Tritanomaly 0.01% of the population

#2f94c3 hex color

#2f94c3 Color Information

#2f94c3 Color Conversion

Color Schemes with #2f94c3

Alternatives to #2f94c3

#2f94c3 Preview

Shades and Tints of #2f94c3

Tones of #2f94c3

Color Blindness Simulator