#2f4bec hex color

In a RGB color space, hex #2f4bec is composed of 18.4% red, 29.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 68.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 231.1 degrees, a saturation of 83.3% and a lightness of 55.5%. #2f4bec color hex could be obtained by blending #5e96ff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 18
- G 29
- B 93
RGB color chart
- C 80
- M 68
- Y 0
- K 7
CMYK color chart

● #2f4bec color description : Bright blue.

The hexadecimal color #2f4bec has RGB values of R:47, G:75, B:236 and CMYK values of C:0.8, M:0.68, Y:0, K:0.07. Its decimal value is 3099628.

Hex triplet	2f4bec	`#2f4bec`
RGB Decimal	47, 75, 236	`rgb(47,75,236)`
RGB Percent	18.4, 29.4, 92.5	`rgb(18.4%,29.4%,92.5%)`
CMYK	80, 68, 0, 7
HSL	231.1°, 83.3, 55.5	`hsl(231.1,83.3%,55.5%)`
HSV (or HSB)	231.1°, 80.1, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.721, 46.968, -83.138
XYZ	18.826, 11.691, 80.617
xyY	0.169, 0.105, 11.691
CIE-LCH	40.721, 95.488, 299.464
CIE-LUV	40.721, -13.312, -120.183
Hunter-Lab	34.193, 38.441, -115.855
Binary	00101111, 01001011, 11101100

#2f4bec
```
#2f4bec rgb(47,75,236)
```
#ecd02f
```
#ecd02f rgb(236,208,47)
```

Complementary Color

#2faaec
```
#2faaec rgb(47,170,236)
```
#2f4bec
```
#2f4bec rgb(47,75,236)
```
#722fec
```
#722fec rgb(114,47,236)
```

Analogous Color

#aaec2f
```
#aaec2f rgb(170,236,47)
```
#2f4bec
```
#2f4bec rgb(47,75,236)
```
#ec722f
```
#ec722f rgb(236,114,47)
```

Split Complementary Color

#4bec2f
```
#4bec2f rgb(75,236,47)
```
#2f4bec
```
#2f4bec rgb(47,75,236)
```
#ec2f4b
```
#ec2f4b rgb(236,47,75)
```

Triadic Color

#2fecd0
```
#2fecd0 rgb(47,236,208)
```
#2f4bec
```
#2f4bec rgb(47,75,236)
```
#ec2f4b
```
#ec2f4b rgb(236,47,75)
```
#ecd02f
```
#ecd02f rgb(236,208,47)
```

Tetradic Color

#112bbd
```
#112bbd rgb(17,43,189)
```
#1330d5
```
#1330d5 rgb(19,48,213)
```
#1837ea
```
#1837ea rgb(24,55,234)
```
#2f4bec
```
#2f4bec rgb(47,75,236)
```
#465fee
```
#465fee rgb(70,95,238)
```
#5e73f0
```
#5e73f0 rgb(94,115,240)
```
#7588f2
```
#7588f2 rgb(117,136,242)
```

Monochromatic Color

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

#2f7aec
```
#2f7aec rgb(47,122,236)
```
#2f6bec
```
#2f6bec rgb(47,107,236)
```
#2f5bec
```
#2f5bec rgb(47,91,236)
```
#2f4bec
```
#2f4bec rgb(47,75,236)
```
#2f3bec
```
#2f3bec rgb(47,59,236)
```
#322fec
```
#322fec rgb(50,47,236)
```
#422fec
```
#422fec rgb(66,47,236)
```

Similar Colors

Text with hexadecimal color #2f4bec

This text has a font color of #2f4bec.

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

#2f4bec background color

This paragraph has a background color of #2f4bec.

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

#2f4bec border color

This element has a border color of #2f4bec.

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

CSS codes

.text {color:#2f4bec;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#02061a
```
#02061a rgb(2,6,26)
```
#040a2c
```
#040a2c rgb(4,10,44)
```
#060e3e
```
#060e3e rgb(6,14,62)
```
#071250
```
#071250 rgb(7,18,80)
```
#091662
```
#091662 rgb(9,22,98)
```
#0b1a74
```
#0b1a74 rgb(11,26,116)
```
#0c1e85
```
#0c1e85 rgb(12,30,133)
```
#0e2297
```
#0e2297 rgb(14,34,151)
```
#0f26a9
```
#0f26a9 rgb(15,38,169)
```
#112abb
```
#112abb rgb(17,42,187)
```
#132ecd
```
#132ecd rgb(19,46,205)
```
#1432df
```
#1432df rgb(20,50,223)
```

Shade Color Variation

#1d3bea
```
#1d3bea rgb(29,59,234)
```
#2f4bec
```
#2f4bec rgb(47,75,236)
```
#415bee
```
#415bee rgb(65,91,238)
```
#536aef
```
#536aef rgb(83,106,239)
```
#657af1
```
#657af1 rgb(101,122,241)
```
#7789f3
```
#7789f3 rgb(119,137,243)
```
#8999f4
```
#8999f4 rgb(137,153,244)
```
#9ba8f6
```
#9ba8f6 rgb(155,168,246)
```
#adb8f7
```
#adb8f7 rgb(173,184,247)
```
#bfc7f9
```
#bfc7f9 rgb(191,199,249)
```
#d1d7fb
```
#d1d7fb rgb(209,215,251)
```
#e3e7fc
```
#e3e7fc rgb(227,231,252)
```
#f5f6fe
```
#f5f6fe rgb(245,246,254)
```

Tint Color Variation

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

#868895
```
#868895 rgb(134,136,149)
```
#7e829d
```
#7e829d rgb(126,130,157)
```
#757ca6
```
#757ca6 rgb(117,124,166)
```
#6c76af
```
#6c76af rgb(108,118,175)
```
#6370b8
```
#6370b8 rgb(99,112,184)
```
#5b6ac0
```
#5b6ac0 rgb(91,106,192)
```
#5264c9
```
#5264c9 rgb(82,100,201)
```
#495dd2
```
#495dd2 rgb(73,93,210)
```
#4057db
```
#4057db rgb(64,87,219)
```
#3851e3
```
#3851e3 rgb(56,81,227)
```
#2f4bec
```
#2f4bec rgb(47,75,236)
```
#2645f5
```
#2645f5 rgb(38,69,245)
```
#1e3ffd
```
#1e3ffd rgb(30,63,253)
```

Tone Color Variation

Below, you can see how #2f4bec 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
#4d5373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#115bd3 Protanomaly 1% of men, 0.01% of women
#115fc2 Deuteranomaly 6% of men, 0.4% of women
#1164a2 Tritanomaly 0.01% of the population

#2f4bec hex color

#2f4bec Color Information

#2f4bec Color Conversion

Color Schemes with #2f4bec

Alternatives to #2f4bec

#2f4bec Preview

Shades and Tints of #2f4bec

Tones of #2f4bec

Color Blindness Simulator