colorhexa.com

#2154f2 hex color

In a RGB color space, hex #2154f2 is composed of 12.9% red, 32.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 65.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 225.4 degrees, a saturation of 88.9% and a lightness of 53.9%. #2154f2 color hex could be obtained by blending #42a8ff with #0000e5. Closest websafe color is: #3366ff.

- R 13
- G 33
- B 95
RGB color chart
- C 86
- M 65
- Y 0
- K 5
CMYK color chart

● #2154f2 color description : Vivid blue.

The hexadecimal color #2154f2 has RGB values of R:33, G:84, B:242 and CMYK values of C:0.86, M:0.65, Y:0, K:0.05. Its decimal value is 2184434.

Hex triplet	2154f2	`#2154f2`
RGB Decimal	33, 84, 242	`rgb(33,84,242)`
RGB Percent	12.9, 32.9, 94.9	`rgb(12.9%,32.9%,94.9%)`
CMYK	86, 65, 0, 5
HSL	225.4°, 88.9, 53.9	`hsl(225.4,88.9%,53.9%)`
HSV (or HSB)	225.4°, 86.4, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	42.873, 42.742, -82.994
XYZ	19.821, 13.073, 85.478
xyY	0.167, 0.11, 13.073
CIE-LCH	42.873, 93.353, 297.248
CIE-LUV	42.873, -16.715, -122.197
Hunter-Lab	36.157, 34.579, -114.857
Binary	00100001, 01010100, 11110010

#2154f2
```
#2154f2 rgb(33,84,242)
```
#f2bf21
```
#f2bf21 rgb(242,191,33)
```

Complementary Color

#21bdf2
```
#21bdf2 rgb(33,189,242)
```
#2154f2
```
#2154f2 rgb(33,84,242)
```
#5721f2
```
#5721f2 rgb(87,33,242)
```

Analogous Color

#bdf221
```
#bdf221 rgb(189,242,33)
```
#2154f2
```
#2154f2 rgb(33,84,242)
```
#f25621
```
#f25621 rgb(242,86,33)
```

Split Complementary Color

#54f221
```
#54f221 rgb(84,242,33)
```
#2154f2
```
#2154f2 rgb(33,84,242)
```
#f22154
```
#f22154 rgb(242,33,84)
```

Triadic Color

#21f2bf
```
#21f2bf rgb(33,242,191)
```
#2154f2
```
#2154f2 rgb(33,84,242)
```
#f22154
```
#f22154 rgb(242,33,84)
```
#f2bf21
```
#f2bf21 rgb(242,191,33)
```

Tetradic Color

#0b36bc
```
#0b36bc rgb(11,54,188)
```
#0c3dd4
```
#0c3dd4 rgb(12,61,212)
```
#0e44ec
```
#0e44ec rgb(14,68,236)
```
#2154f2
```
#2154f2 rgb(33,84,242)
```
#3967f3
```
#3967f3 rgb(57,103,243)
```
#5179f5
```
#5179f5 rgb(81,121,245)
```
#698cf6
```
#698cf6 rgb(105,140,246)
```

Monochromatic Color

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

#2188f2
```
#2188f2 rgb(33,136,242)
```
#2177f2
```
#2177f2 rgb(33,119,242)
```
#2165f2
```
#2165f2 rgb(33,101,242)
```
#2154f2
```
#2154f2 rgb(33,84,242)
```
#2143f2
```
#2143f2 rgb(33,67,242)
```
#2131f2
```
#2131f2 rgb(33,49,242)
```
#2221f2
```
#2221f2 rgb(34,33,242)
```

Similar Colors

Text with hexadecimal color #2154f2

This text has a font color of #2154f2.

<span style="color:#2154f2;">Text here</span>

#2154f2 background color

This paragraph has a background color of #2154f2.

<p style="background-color:#2154f2;">Content here</p>

#2154f2 border color

This element has a border color of #2154f2.

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

CSS codes

.text {color:#2154f2;}

.background {background-color:#2154f2;}

.border {border:1px solid #2154f2;}

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

#000000
```
#000000 rgb(0,0,0)
```
#010513
```
#010513 rgb(1,5,19)
```
#020b25
```
#020b25 rgb(2,11,37)
```
#031038
```
#031038 rgb(3,16,56)
```
#04154a
```
#04154a rgb(4,21,74)
```
#051b5d
```
#051b5d rgb(5,27,93)
```
#072070
```
#072070 rgb(7,32,112)
```
#082582
```
#082582 rgb(8,37,130)
```
#092b95
```
#092b95 rgb(9,43,149)
```
#0a30a7
```
#0a30a7 rgb(10,48,167)
```
#0b36ba
```
#0b36ba rgb(11,54,186)
```
#0c3bcc
```
#0c3bcc rgb(12,59,204)
```
#0d40df
```
#0d40df rgb(13,64,223)
```

Shade Color Variation

#0e46f1
```
#0e46f1 rgb(14,70,241)
```
#2154f2
```
#2154f2 rgb(33,84,242)
```
#3462f3
```
#3462f3 rgb(52,98,243)
```
#4671f4
```
#4671f4 rgb(70,113,244)
```
#597ff5
```
#597ff5 rgb(89,127,245)
```
#6b8df6
```
#6b8df6 rgb(107,141,246)
```
#7e9bf7
```
#7e9bf7 rgb(126,155,247)
```
#90aaf9
```
#90aaf9 rgb(144,170,249)
```
#a3b8fa
```
#a3b8fa rgb(163,184,250)
```
#b5c6fb
```
#b5c6fb rgb(181,198,251)
```
#c8d4fc
```
#c8d4fc rgb(200,212,252)
```
#dae3fd
```
#dae3fd rgb(218,227,253)
```
#edf1fe
```
#edf1fe rgb(237,241,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84878f is the less saturated color, while #184ffb is the most saturated one.

#84878f
```
#84878f rgb(132,135,143)
```
#7b8298
```
#7b8298 rgb(123,130,152)
```
#727ea1
```
#727ea1 rgb(114,126,161)
```
#6979aa
```
#6979aa rgb(105,121,170)
```
#6074b3
```
#6074b3 rgb(96,116,179)
```
#5770bc
```
#5770bc rgb(87,112,188)
```
#4e6bc5
```
#4e6bc5 rgb(78,107,197)
```
#4567ce
```
#4567ce rgb(69,103,206)
```
#3c62d7
```
#3c62d7 rgb(60,98,215)
```
#335de0
```
#335de0 rgb(51,93,224)
```
#2a59e9
```
#2a59e9 rgb(42,89,233)
```
#2154f2
```
#2154f2 rgb(33,84,242)
```
#184ffb
```
#184ffb rgb(24,79,251)
```

Tone Color Variation

Below, you can see how #2154f2 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

#575757 Achromatopsia 0.005% of the population
#4c5676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#0c62db Protanomaly 1% of men, 0.01% of women
#0c65ca Deuteranomaly 6% of men, 0.4% of women
#0c6aa8 Tritanomaly 0.01% of the population