#2f4af2 hex color

In a RGB color space, hex #2f4af2 is composed of 18.4% red, 29% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 69.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 231.7 degrees, a saturation of 88.2% and a lightness of 56.7%. #2f4af2 color hex could be obtained by blending #5e94ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 18
- G 29
- B 95
RGB color chart
- C 81
- M 69
- Y 0
- K 5
CMYK color chart

● #2f4af2 color description : Bright blue.

The hexadecimal color #2f4af2 has RGB values of R:47, G:74, B:242 and CMYK values of C:0.81, M:0.69, Y:0, K:0.05. Its decimal value is 3099378.

Hex triplet	2f4af2	`#2f4af2`
RGB Decimal	47, 74, 242	`rgb(47,74,242)`
RGB Percent	18.4, 29, 94.9	`rgb(18.4%,29%,94.9%)`
CMYK	81, 69, 0, 5
HSL	231.7°, 88.2, 56.7	`hsl(231.7,88.2%,56.7%)`
HSV (or HSB)	231.7°, 80.6, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.075, 49.612, -85.94
XYZ	19.645, 11.911, 85.263
xyY	0.168, 0.102, 11.911
CIE-LCH	41.075, 99.232, 299.997
CIE-LUV	41.075, -13.241, -124.022
Hunter-Lab	34.513, 41.206, -122.316
Binary	00101111, 01001010, 11110010

#2f4af2
```
#2f4af2 rgb(47,74,242)
```
#f2d72f
```
#f2d72f rgb(242,215,47)
```

Complementary Color

#2facf2
```
#2facf2 rgb(47,172,242)
```
#2f4af2
```
#2f4af2 rgb(47,74,242)
```
#762ff2
```
#762ff2 rgb(118,47,242)
```

Analogous Color

#acf22f
```
#acf22f rgb(172,242,47)
```
#2f4af2
```
#2f4af2 rgb(47,74,242)
```
#f2762f
```
#f2762f rgb(242,118,47)
```

Split Complementary Color

#4af22f
```
#4af22f rgb(74,242,47)
```
#2f4af2
```
#2f4af2 rgb(47,74,242)
```
#f22f4a
```
#f22f4a rgb(242,47,74)
```

Triadic Color

#2ff2d7
```
#2ff2d7 rgb(47,242,215)
```
#2f4af2
```
#2f4af2 rgb(47,74,242)
```
#f22f4a
```
#f22f4a rgb(242,47,74)
```
#f2d72f
```
#f2d72f rgb(242,215,47)
```

Tetradic Color

#0d26c8
```
#0d26c8 rgb(13,38,200)
```
#0e2be0
```
#0e2be0 rgb(14,43,224)
```
#1735f1
```
#1735f1 rgb(23,53,241)
```
#2f4af2
```
#2f4af2 rgb(47,74,242)
```
#475ff4
```
#475ff4 rgb(71,95,244)
```
#5f74f5
```
#5f74f5 rgb(95,116,245)
```
#7789f7
```
#7789f7 rgb(119,137,247)
```

Monochromatic Color

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

#2f7bf2
```
#2f7bf2 rgb(47,123,242)
```
#2f6bf2
```
#2f6bf2 rgb(47,107,242)
```
#2f5af2
```
#2f5af2 rgb(47,90,242)
```
#2f4af2
```
#2f4af2 rgb(47,74,242)
```
#2f3af2
```
#2f3af2 rgb(47,58,242)
```
#352ff2
```
#352ff2 rgb(53,47,242)
```
#452ff2
```
#452ff2 rgb(69,47,242)
```

Similar Colors

Text with hexadecimal color #2f4af2

This text has a font color of #2f4af2.

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

#2f4af2 background color

This paragraph has a background color of #2f4af2.

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

#2f4af2 border color

This element has a border color of #2f4af2.

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

CSS codes

.text {color:#2f4af2;}

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

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

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, #01030e is the darkest color, while #fafbff is the lightest one.

#01030e
```
#01030e rgb(1,3,14)
```
#020620
```
#020620 rgb(2,6,32)
```
#030a32
```
#030a32 rgb(3,10,50)
```
#040d45
```
#040d45 rgb(4,13,69)
```
#051157
```
#051157 rgb(5,17,87)
```
#07146a
```
#07146a rgb(7,20,106)
```
#08187c
```
#08187c rgb(8,24,124)
```
#091b8f
```
#091b8f rgb(9,27,143)
```
#0a1fa1
```
#0a1fa1 rgb(10,31,161)
```
#0b23b4
```
#0b23b4 rgb(11,35,180)
```
#0c26c6
```
#0c26c6 rgb(12,38,198)
```
#0e2ad9
```
#0e2ad9 rgb(14,42,217)
```
#0f2deb
```
#0f2deb rgb(15,45,235)
```

Shade Color Variation

#1d3af1
```
#1d3af1 rgb(29,58,241)
```
#2f4af2
```
#2f4af2 rgb(47,74,242)
```
#415af3
```
#415af3 rgb(65,90,243)
```
#546af4
```
#546af4 rgb(84,106,244)
```
#667af5
```
#667af5 rgb(102,122,245)
```
#798af7
```
#798af7 rgb(121,138,247)
```
#8b9af8
```
#8b9af8 rgb(139,154,248)
```
#9eaaf9
```
#9eaaf9 rgb(158,170,249)
```
#b0bafa
```
#b0bafa rgb(176,186,250)
```
#c3cbfb
```
#c3cbfb rgb(195,203,251)
```
#d5dbfc
```
#d5dbfc rgb(213,219,252)
```
#e8ebfe
```
#e8ebfe rgb(232,235,254)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8e95 is the less saturated color, while #2744fb is the most saturated one.

#8d8e95
```
#8d8e95 rgb(141,142,149)
```
#84879d
```
#84879d rgb(132,135,157)
```
#7c81a6
```
#7c81a6 rgb(124,129,166)
```
#737bae
```
#737bae rgb(115,123,174)
```
#6b75b7
```
#6b75b7 rgb(107,117,183)
```
#626fbf
```
#626fbf rgb(98,111,191)
```
#5a69c8
```
#5a69c8 rgb(90,105,200)
```
#5163d0
```
#5163d0 rgb(81,99,208)
```
#495cd9
```
#495cd9 rgb(73,92,217)
```
#4056e1
```
#4056e1 rgb(64,86,225)
```
#3850ea
```
#3850ea rgb(56,80,234)
```
#2f4af2
```
#2f4af2 rgb(47,74,242)
```
#2744fb
```
#2744fb rgb(39,68,251)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4d5374 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#115bd6 Protanomaly 1% of men, 0.01% of women
#115fc5 Deuteranomaly 6% of men, 0.4% of women
#1164a5 Tritanomaly 0.01% of the population

#2f4af2 hex color

#2f4af2 Color Information

#2f4af2 Color Conversion

Color Schemes with #2f4af2

Alternatives to #2f4af2

#2f4af2 Preview

Shades and Tints of #2f4af2

Tones of #2f4af2

Color Blindness Simulator