#2533d4 hex color

In a RGB color space, hex #2533d4 is composed of 14.5% red, 20% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 82.5% cyan, 75.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 235.2 degrees, a saturation of 70.3% and a lightness of 48.8%. #2533d4 color hex could be obtained by blending #4a66ff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 15
- G 20
- B 83
RGB color chart
- C 83
- M 76
- Y 0
- K 17
CMYK color chart

● #2533d4 color description : Strong blue.

The hexadecimal color #2533d4 has RGB values of R:37, G:51, B:212 and CMYK values of C:0.83, M:0.76, Y:0, K:0.17. Its decimal value is 2438100.

Hex triplet	2533d4	`#2533d4`
RGB Decimal	37, 51, 212	`rgb(37,51,212)`
RGB Percent	14.5, 20, 83.1	`rgb(14.5%,20%,83.1%)`
CMYK	83, 76, 0, 17
HSL	235.2°, 70.3, 48.8	`hsl(235.2,70.3%,48.8%)`
HSV (or HSB)	235.2°, 82.5, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.948, 51.989, -82.268
XYZ	13.828, 7.513, 63.005
xyY	0.164, 0.089, 7.513
CIE-LCH	32.948, 97.318, 302.291
CIE-LUV	32.948, -9.658, -108.811
Hunter-Lab	27.411, 42.08, -117.094
Binary	00100101, 00110011, 11010100

#2533d4
```
#2533d4 rgb(37,51,212)
```
#d4c625
```
#d4c625 rgb(212,198,37)
```

Complementary Color

#258bd4
```
#258bd4 rgb(37,139,212)
```
#2533d4
```
#2533d4 rgb(37,51,212)
```
#6f25d4
```
#6f25d4 rgb(111,37,212)
```

Analogous Color

#8bd425
```
#8bd425 rgb(139,212,37)
```
#2533d4
```
#2533d4 rgb(37,51,212)
```
#d46f25
```
#d46f25 rgb(212,111,37)
```

Split Complementary Color

#33d425
```
#33d425 rgb(51,212,37)
```
#2533d4
```
#2533d4 rgb(37,51,212)
```
#d42533
```
#d42533 rgb(212,37,51)
```

Triadic Color

#25d4c6
```
#25d4c6 rgb(37,212,198)
```
#2533d4
```
#2533d4 rgb(37,51,212)
```
#d42533
```
#d42533 rgb(212,37,51)
```
#d4c625
```
#d4c625 rgb(212,198,37)
```

Tetradic Color

#1a2393
```
#1a2393 rgb(26,35,147)
```
#1d29a9
```
#1d29a9 rgb(29,41,169)
```
#212ebe
```
#212ebe rgb(33,46,190)
```
#2533d4
```
#2533d4 rgb(37,51,212)
```
#3644dc
```
#3644dc rgb(54,68,220)
```
#4c58e0
```
#4c58e0 rgb(76,88,224)
```
#626ce4
```
#626ce4 rgb(98,108,228)
```

Monochromatic Color

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

#255fd4
```
#255fd4 rgb(37,95,212)
```
#2550d4
```
#2550d4 rgb(37,80,212)
```
#2542d4
```
#2542d4 rgb(37,66,212)
```
#2533d4
```
#2533d4 rgb(37,51,212)
```
#2625d4
```
#2625d4 rgb(38,37,212)
```
#3425d4
```
#3425d4 rgb(52,37,212)
```
#4325d4
```
#4325d4 rgb(67,37,212)
```

Similar Colors

Text with hexadecimal color #2533d4

This text has a font color of #2533d4.

<span style="color:#2533d4;">Text here</span>

#2533d4 background color

This paragraph has a background color of #2533d4.

<p style="background-color:#2533d4;">Content here</p>

#2533d4 border color

This element has a border color of #2533d4.

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

CSS codes

.text {color:#2533d4;}

.background {background-color:#2533d4;}

.border {border:1px solid #2533d4;}

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, #02030c is the darkest color, while #fafafe is the lightest one.

#02030c
```
#02030c rgb(2,3,12)
```
#05071c
```
#05071c rgb(5,7,28)
```
#080b2d
```
#080b2d rgb(8,11,45)
```
#0b0f3e
```
#0b0f3e rgb(11,15,62)
```
#0e134e
```
#0e134e rgb(14,19,78)
```
#11175f
```
#11175f rgb(17,23,95)
```
#141b70
```
#141b70 rgb(20,27,112)
```
#161f80
```
#161f80 rgb(22,31,128)
```
#192391
```
#192391 rgb(25,35,145)
```
#1c27a2
```
#1c27a2 rgb(28,39,162)
```
#1f2bb3
```
#1f2bb3 rgb(31,43,179)
```
#222fc3
```
#222fc3 rgb(34,47,195)
```
#2533d4
```
#2533d4 rgb(37,51,212)
```

Shade Color Variation

#313fdb
```
#313fdb rgb(49,63,219)
```
#424fde
```
#424fde rgb(66,79,222)
```
#535ee1
```
#535ee1 rgb(83,94,225)
```
#646ee4
```
#646ee4 rgb(100,110,228)
```
#747de7
```
#747de7 rgb(116,125,231)
```
#858dea
```
#858dea rgb(133,141,234)
```
#969ded
```
#969ded rgb(150,157,237)
```
#a6acf0
```
#a6acf0 rgb(166,172,240)
```
#b7bcf2
```
#b7bcf2 rgb(183,188,242)
```
#c8cbf5
```
#c8cbf5 rgb(200,203,245)
```
#d8dbf8
```
#d8dbf8 rgb(216,219,248)
```
#e9ebfb
```
#e9ebfb rgb(233,235,251)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7b7e is the less saturated color, while #081bf1 is the most saturated one.

#7b7b7e
```
#7b7b7e rgb(123,123,126)
```
#727387
```
#727387 rgb(114,115,135)
```
#686b91
```
#686b91 rgb(104,107,145)
```
#5e639b
```
#5e639b rgb(94,99,155)
```
#555ba4
```
#555ba4 rgb(85,91,164)
```
#4b53ae
```
#4b53ae rgb(75,83,174)
```
#424bb7
```
#424bb7 rgb(66,75,183)
```
#3843c1
```
#3843c1 rgb(56,67,193)
```
#2f3bca
```
#2f3bca rgb(47,59,202)
```
#2533d4
```
#2533d4 rgb(37,51,212)
```
#1b2bde
```
#1b2bde rgb(27,43,222)
```
#1223e7
```
#1223e7 rgb(18,35,231)
```
#081bf1
```
#081bf1 rgb(8,27,241)
```

Tone Color Variation

Below, you can see how #2533d4 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

#414141 Achromatopsia 0.005% of the population
#3b3e5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#0d48b5 Protanomaly 1% of men, 0.01% of women
#0d4ba7 Deuteranomaly 6% of men, 0.4% of women
#0d4f8c Tritanomaly 0.01% of the population

#2533d4 hex color

#2533d4 Color Information

#2533d4 Color Conversion

Color Schemes with #2533d4

Alternatives to #2533d4

#2533d4 Preview

Shades and Tints of #2533d4

Tones of #2533d4

Color Blindness Simulator