#2533f6 hex color

In a RGB color space, hex #2533f6 is composed of 14.5% red, 20% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 79.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 236 degrees, a saturation of 92.1% and a lightness of 55.5%. #2533f6 color hex could be obtained by blending #4a66ff with #0000ed. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 15
- G 20
- B 96
RGB color chart
- C 85
- M 79
- Y 0
- K 4
CMYK color chart

● #2533f6 color description : Bright blue.

The hexadecimal color #2533f6 has RGB values of R:37, G:51, B:246 and CMYK values of C:0.85, M:0.79, Y:0, K:0.04. Its decimal value is 2438134.

Hex triplet	2533f6	`#2533f6`
RGB Decimal	37, 51, 246	`rgb(37,51,246)`
RGB Percent	14.5, 20, 96.5	`rgb(14.5%,20%,96.5%)`
CMYK	85, 79, 0, 4
HSL	236°, 92.1, 55.5	`hsl(236,92.1%,55.5%)`
HSV (or HSB)	236°, 85, 96.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.768, 62.723, -95.331
XYZ	18.578, 9.413, 88.022
xyY	0.16, 0.081, 9.413
CIE-LCH	36.768, 114.115, 303.343
CIE-LUV	36.768, -10.76, -128.316
Hunter-Lab	30.681, 54.392, -148.62
Binary	00100101, 00110011, 11110110

#2533f6
```
#2533f6 rgb(37,51,246)
```
#f6e825
```
#f6e825 rgb(246,232,37)
```

Complementary Color

#259cf6
```
#259cf6 rgb(37,156,246)
```
#2533f6
```
#2533f6 rgb(37,51,246)
```
#8025f6
```
#8025f6 rgb(128,37,246)
```

Analogous Color

#9cf625
```
#9cf625 rgb(156,246,37)
```
#2533f6
```
#2533f6 rgb(37,51,246)
```
#f68025
```
#f68025 rgb(246,128,37)
```

Split Complementary Color

#33f625
```
#33f625 rgb(51,246,37)
```
#2533f6
```
#2533f6 rgb(37,51,246)
```
#f62533
```
#f62533 rgb(246,37,51)
```

Triadic Color

#25f6e8
```
#25f6e8 rgb(37,246,232)
```
#2533f6
```
#2533f6 rgb(37,51,246)
```
#f62533
```
#f62533 rgb(246,37,51)
```
#f6e825
```
#f6e825 rgb(246,232,37)
```

Tetradic Color

#0815c6
```
#0815c6 rgb(8,21,198)
```
#0918df
```
#0918df rgb(9,24,223)
```
#0d1cf5
```
#0d1cf5 rgb(13,28,245)
```
#2533f6
```
#2533f6 rgb(37,51,246)
```
#3d4af7
```
#3d4af7 rgb(61,74,247)
```
#5661f8
```
#5661f8 rgb(86,97,248)
```
#6e78f9
```
#6e78f9 rgb(110,120,249)
```

Monochromatic Color

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

#2567f6
```
#2567f6 rgb(37,103,246)
```
#2556f6
```
#2556f6 rgb(37,86,246)
```
#2544f6
```
#2544f6 rgb(37,68,246)
```
#2533f6
```
#2533f6 rgb(37,51,246)
```
#2825f6
```
#2825f6 rgb(40,37,246)
```
#3a25f6
```
#3a25f6 rgb(58,37,246)
```
#4b25f6
```
#4b25f6 rgb(75,37,246)
```

Similar Colors

Text with hexadecimal color #2533f6

This text has a font color of #2533f6.

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

#2533f6 background color

This paragraph has a background color of #2533f6.

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

#2533f6 border color

This element has a border color of #2533f6.

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

CSS codes

.text {color:#2533f6;}

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

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

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

#000108
```
#000108 rgb(0,1,8)
```
#01031b
```
#01031b rgb(1,3,27)
```
#02052e
```
#02052e rgb(2,5,46)
```
#030741
```
#030741 rgb(3,7,65)
```
#030953
```
#030953 rgb(3,9,83)
```
#040b66
```
#040b66 rgb(4,11,102)
```
#050d79
```
#050d79 rgb(5,13,121)
```
#060f8c
```
#060f8c rgb(6,15,140)
```
#07119f
```
#07119f rgb(7,17,159)
```
#0713b2
```
#0713b2 rgb(7,19,178)
```
#0815c4
```
#0815c4 rgb(8,21,196)
```
#0917d7
```
#0917d7 rgb(9,23,215)
```
#0a19ea
```
#0a19ea rgb(10,25,234)
```

Shade Color Variation

#1221f5
```
#1221f5 rgb(18,33,245)
```
#2533f6
```
#2533f6 rgb(37,51,246)
```
#3845f7
```
#3845f7 rgb(56,69,247)
```
#4b56f8
```
#4b56f8 rgb(75,86,248)
```
#5e68f8
```
#5e68f8 rgb(94,104,248)
```
#707af9
```
#707af9 rgb(112,122,249)
```
#838bfa
```
#838bfa rgb(131,139,250)
```
#969dfb
```
#969dfb rgb(150,157,251)
```
#a9aefb
```
#a9aefb rgb(169,174,251)
```
#bcc0fc
```
#bcc0fc rgb(188,192,252)
```
#cfd2fd
```
#cfd2fd rgb(207,210,253)
```
#e1e3fe
```
#e1e3fe rgb(225,227,254)
```
#f4f5ff
```
#f4f5ff rgb(244,245,255)
```

Tint Color Variation

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

#858696
```
#858696 rgb(133,134,150)
```
#7c7f9f
```
#7c7f9f rgb(124,127,159)
```
#7477a7
```
#7477a7 rgb(116,119,167)
```
#6b6fb0
```
#6b6fb0 rgb(107,111,176)
```
#6268b9
```
#6268b9 rgb(98,104,185)
```
#5960c2
```
#5960c2 rgb(89,96,194)
```
#5159ca
```
#5159ca rgb(81,89,202)
```
#4851d3
```
#4851d3 rgb(72,81,211)
```
#3f4adc
```
#3f4adc rgb(63,74,220)
```
#3642e5
```
#3642e5 rgb(54,66,229)
```
#2e3bed
```
#2e3bed rgb(46,59,237)
```
#2533f6
```
#2533f6 rgb(37,51,246)
```
#1c2bff
```
#1c2bff rgb(28,43,255)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3f4168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#0d4dcb Protanomaly 1% of men, 0.01% of women
#0d50bc Deuteranomaly 6% of men, 0.4% of women
#0d559f Tritanomaly 0.01% of the population

#2533f6 hex color

#2533f6 Color Information

#2533f6 Color Conversion

Color Schemes with #2533f6

Alternatives to #2533f6

#2533f6 Preview

Shades and Tints of #2533f6

Tones of #2533f6

Color Blindness Simulator