colorhexa.com

#2f57c3 hex color

In a RGB color space, hex #2f57c3 is composed of 18.4% red, 34.1% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 55.4% magenta, 0% yellow and 23.5% black. It has a hue angle of 223.8 degrees, a saturation of 61.2% and a lightness of 47.5%. #2f57c3 color hex could be obtained by blending #5eaeff with #000087. Closest websafe color is: #3366cc.

- R 18
- G 34
- B 76
RGB color chart
- C 76
- M 55
- Y 0
- K 24
CMYK color chart

● #2f57c3 color description : Strong blue.

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

Hex triplet	2f57c3	`#2f57c3`
RGB Decimal	47, 87, 195	`rgb(47,87,195)`
RGB Percent	18.4, 34.1, 76.5	`rgb(18.4%,34.1%,76.5%)`
CMYK	76, 55, 0, 24
HSL	223.8°, 61.2, 47.5	`hsl(223.8,61.2%,47.5%)`
HSV (or HSB)	223.8°, 75.9, 76.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.18, 24.571, -60.523
XYZ	14.429, 11.36, 53.059
xyY	0.183, 0.144, 11.36
CIE-LCH	40.18, 65.32, 292.096
CIE-LUV	40.18, -15.704, -89.39
Hunter-Lab	33.704, 17.433, -69.744
Binary	00101111, 01010111, 11000011

#2f57c3
```
#2f57c3 rgb(47,87,195)
```
#c39b2f
```
#c39b2f rgb(195,155,47)
```

Complementary Color

#2fa1c3
```
#2fa1c3 rgb(47,161,195)
```
#2f57c3
```
#2f57c3 rgb(47,87,195)
```
#512fc3
```
#512fc3 rgb(81,47,195)
```

Analogous Color

#a1c32f
```
#a1c32f rgb(161,195,47)
```
#2f57c3
```
#2f57c3 rgb(47,87,195)
```
#c3512f
```
#c3512f rgb(195,81,47)
```

Split Complementary Color

#57c32f
```
#57c32f rgb(87,195,47)
```
#2f57c3
```
#2f57c3 rgb(47,87,195)
```
#c32f57
```
#c32f57 rgb(195,47,87)
```

Triadic Color

#2fc39b
```
#2fc39b rgb(47,195,155)
```
#2f57c3
```
#2f57c3 rgb(47,87,195)
```
#c32f57
```
#c32f57 rgb(195,47,87)
```
#c39b2f
```
#c39b2f rgb(195,155,47)
```

Tetradic Color

#203b85
```
#203b85 rgb(32,59,133)
```
#25459a
```
#25459a rgb(37,69,154)
```
#2a4eae
```
#2a4eae rgb(42,78,174)
```
#2f57c3
```
#2f57c3 rgb(47,87,195)
```
#3c64d0
```
#3c64d0 rgb(60,100,208)
```
#5074d5
```
#5074d5 rgb(80,116,213)
```
#6584da
```
#6584da rgb(101,132,218)
```

Monochromatic Color

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

#2f7cc3
```
#2f7cc3 rgb(47,124,195)
```
#2f70c3
```
#2f70c3 rgb(47,112,195)
```
#2f63c3
```
#2f63c3 rgb(47,99,195)
```
#2f57c3
```
#2f57c3 rgb(47,87,195)
```
#2f4bc3
```
#2f4bc3 rgb(47,75,195)
```
#2f3ec3
```
#2f3ec3 rgb(47,62,195)
```
#2f32c3
```
#2f32c3 rgb(47,50,195)
```

Similar Colors

Text with hexadecimal color #2f57c3

This text has a font color of #2f57c3.

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

#2f57c3 background color

This paragraph has a background color of #2f57c3.

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

#2f57c3 border color

This element has a border color of #2f57c3.

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

CSS codes

.text {color:#2f57c3;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#050915
```
#050915 rgb(5,9,21)
```
#091025
```
#091025 rgb(9,16,37)
```
#0d1835
```
#0d1835 rgb(13,24,53)
```
#111f45
```
#111f45 rgb(17,31,69)
```
#142654
```
#142654 rgb(20,38,84)
```
#182d64
```
#182d64 rgb(24,45,100)
```
#1c3474
```
#1c3474 rgb(28,52,116)
```
#203b84
```
#203b84 rgb(32,59,132)
```
#244294
```
#244294 rgb(36,66,148)
```
#2749a3
```
#2749a3 rgb(39,73,163)
```
#2b50b3
```
#2b50b3 rgb(43,80,179)
```
#2f57c3
```
#2f57c3 rgb(47,87,195)
```

Shade Color Variation

#3760cf
```
#3760cf rgb(55,96,207)
```
#476cd3
```
#476cd3 rgb(71,108,211)
```
#5679d6
```
#5679d6 rgb(86,121,214)
```
#6686da
```
#6686da rgb(102,134,218)
```
#7692de
```
#7692de rgb(118,146,222)
```
#869fe2
```
#869fe2 rgb(134,159,226)
```
#96abe6
```
#96abe6 rgb(150,171,230)
```
#a5b8e9
```
#a5b8e9 rgb(165,184,233)
```
#b5c4ed
```
#b5c4ed rgb(181,196,237)
```
#c5d1f1
```
#c5d1f1 rgb(197,209,241)
```
#d5def5
```
#d5def5 rgb(213,222,245)
```
#e5eaf9
```
#e5eaf9 rgb(229,234,249)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#707582
```
#707582 rgb(112,117,130)
```
#67718b
```
#67718b rgb(103,113,139)
```
#5e6c94
```
#5e6c94 rgb(94,108,148)
```
#54689e
```
#54689e rgb(84,104,158)
```
#4b64a7
```
#4b64a7 rgb(75,100,167)
```
#4260b0
```
#4260b0 rgb(66,96,176)
```
#385bba
```
#385bba rgb(56,91,186)
```
#2f57c3
```
#2f57c3 rgb(47,87,195)
```
#2653cc
```
#2653cc rgb(38,83,204)
```
#1c4ed6
```
#1c4ed6 rgb(28,78,214)
```
#134adf
```
#134adf rgb(19,74,223)
```
#0a46e8
```
#0a46e8 rgb(10,70,232)
```
#0042f2
```
#0042f2 rgb(0,66,242)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f576d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c3 Protanopia 1% of men
#0069ab Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#115fc3 Protanomaly 1% of men, 0.01% of women
#1162b4 Deuteranomaly 6% of men, 0.4% of women
#116793 Tritanomaly 0.01% of the population