#2f33ae hex color

In a RGB color space, hex #2f33ae is composed of 18.4% red, 20% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 70.7% magenta, 0% yellow and 31.8% black. It has a hue angle of 238.1 degrees, a saturation of 57.5% and a lightness of 43.3%. #2f33ae color hex could be obtained by blending #5e66ff with #00005d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 20
- B 68
RGB color chart
- C 73
- M 71
- Y 0
- K 32
CMYK color chart

● #2f33ae color description : Dark blue.

The hexadecimal color #2f33ae has RGB values of R:47, G:51, B:174 and CMYK values of C:0.73, M:0.71, Y:0, K:0.32. Its decimal value is 3093422.

Hex triplet	2f33ae	`#2f33ae`
RGB Decimal	47, 51, 174	`rgb(47,51,174)`
RGB Percent	18.4, 20, 68.2	`rgb(18.4%,20%,68.2%)`
CMYK	73, 71, 0, 32
HSL	238.1°, 57.5, 43.3	`hsl(238.1,57.5%,43.3%)`
HSV (or HSB)	238.1°, 73, 68.2
Web Safe	333399	`#333399`

CIE-LAB	29.481, 39.959, -65.629
XYZ	9.995, 6.027, 40.679
xyY	0.176, 0.106, 6.027
CIE-LCH	29.481, 76.837, 301.336
CIE-LUV	29.481, -6.943, -86.029
Hunter-Lab	24.551, 29.703, -81.054
Binary	00101111, 00110011, 10101110

#2f33ae
```
#2f33ae rgb(47,51,174)
```
#aeaa2f
```
#aeaa2f rgb(174,170,47)
```

Complementary Color

#2f73ae
```
#2f73ae rgb(47,115,174)
```
#2f33ae
```
#2f33ae rgb(47,51,174)
```
#6b2fae
```
#6b2fae rgb(107,47,174)
```

Analogous Color

#73ae2f
```
#73ae2f rgb(115,174,47)
```
#2f33ae
```
#2f33ae rgb(47,51,174)
```
#ae6b2f
```
#ae6b2f rgb(174,107,47)
```

Split Complementary Color

#33ae2f
```
#33ae2f rgb(51,174,47)
```
#2f33ae
```
#2f33ae rgb(47,51,174)
```
#ae2f33
```
#ae2f33 rgb(174,47,51)
```

Triadic Color

#2faeaa
```
#2faeaa rgb(47,174,170)
```
#2f33ae
```
#2f33ae rgb(47,51,174)
```
#ae2f33
```
#ae2f33 rgb(174,47,51)
```
#aeaa2f
```
#aeaa2f rgb(174,170,47)
```

Tetradic Color

#1f2172
```
#1f2172 rgb(31,33,114)
```
#242786
```
#242786 rgb(36,39,134)
```
#2a2d9a
```
#2a2d9a rgb(42,45,154)
```
#2f33ae
```
#2f33ae rgb(47,51,174)
```
#3439c2
```
#3439c2 rgb(52,57,194)
```
#4448cc
```
#4448cc rgb(68,72,204)
```
#585cd2
```
#585cd2 rgb(88,92,210)
```

Monochromatic Color

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

#2f53ae
```
#2f53ae rgb(47,83,174)
```
#2f48ae
```
#2f48ae rgb(47,72,174)
```
#2f3eae
```
#2f3eae rgb(47,62,174)
```
#2f33ae
```
#2f33ae rgb(47,51,174)
```
#362fae
```
#362fae rgb(54,47,174)
```
#402fae
```
#402fae rgb(64,47,174)
```
#4b2fae
```
#4b2fae rgb(75,47,174)
```

Similar Colors

Text with hexadecimal color #2f33ae

This text has a font color of #2f33ae.

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

#2f33ae background color

This paragraph has a background color of #2f33ae.

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

#2f33ae border color

This element has a border color of #2f33ae.

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

CSS codes

.text {color:#2f33ae;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#050614
```
#050614 rgb(5,6,20)
```
#090a23
```
#090a23 rgb(9,10,35)
```
#0e0f32
```
#0e0f32 rgb(14,15,50)
```
#121342
```
#121342 rgb(18,19,66)
```
#161851
```
#161851 rgb(22,24,81)
```
#1a1c61
```
#1a1c61 rgb(26,28,97)
```
#1e2170
```
#1e2170 rgb(30,33,112)
```
#222580
```
#222580 rgb(34,37,128)
```
#272a8f
```
#272a8f rgb(39,42,143)
```
#2b2e9f
```
#2b2e9f rgb(43,46,159)
```
#2f33ae
```
#2f33ae rgb(47,51,174)
```
#3338bd
```
#3338bd rgb(51,56,189)
```

Shade Color Variation

#3a3fca
```
#3a3fca rgb(58,63,202)
```
#4a4ece
```
#4a4ece rgb(74,78,206)
```
#595dd2
```
#595dd2 rgb(89,93,210)
```
#696cd6
```
#696cd6 rgb(105,108,214)
```
#787bdb
```
#787bdb rgb(120,123,219)
```
#888adf
```
#888adf rgb(136,138,223)
```
#9799e3
```
#9799e3 rgb(151,153,227)
```
#a6a8e7
```
#a6a8e7 rgb(166,168,231)
```
#b6b8eb
```
#b6b8eb rgb(182,184,235)
```
#c5c7ef
```
#c5c7ef rgb(197,199,239)
```
#d5d6f4
```
#d5d6f4 rgb(213,214,244)
```
#e4e5f8
```
#e4e5f8 rgb(228,229,248)
```
#f4f4fc
```
#f4f4fc rgb(244,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6b73 is the less saturated color, while #040bd9 is the most saturated one.

#6b6b73
```
#6b6b73 rgb(107,107,115)
```
#62637b
```
#62637b rgb(98,99,123)
```
#5a5b84
```
#5a5b84 rgb(90,91,132)
```
#51538c
```
#51538c rgb(81,83,140)
```
#494b95
```
#494b95 rgb(73,75,149)
```
#40439d
```
#40439d rgb(64,67,157)
```
#383ba6
```
#383ba6 rgb(56,59,166)
```
#2f33ae
```
#2f33ae rgb(47,51,174)
```
#272bb7
```
#272bb7 rgb(39,43,183)
```
#1e23bf
```
#1e23bf rgb(30,35,191)
```
#161bc8
```
#161bc8 rgb(22,27,200)
```
#0d13d0
```
#0d13d0 rgb(13,19,208)
```
#040bd9
```
#040bd9 rgb(4,11,217)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d3d56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c95 Protanopia 1% of men
#005181 Deuteranopia 1% of men
#00565b Tritanopia 0.001% of the population

Trichromacy

#11439e Protanomaly 1% of men, 0.01% of women
#114691 Deuteranomaly 6% of men, 0.4% of women
#114979 Tritanomaly 0.01% of the population

#2f33ae hex color

#2f33ae Color Information

#2f33ae Color Conversion

Color Schemes with #2f33ae

Alternatives to #2f33ae

#2f33ae Preview

Shades and Tints of #2f33ae

Tones of #2f33ae

Color Blindness Simulator