#2254b3 hex color

In a RGB color space, hex #2254b3 is composed of 13.3% red, 32.9% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 53.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 219.3 degrees, a saturation of 68.1% and a lightness of 41.8%. #2254b3 color hex could be obtained by blending #44a8ff with #000067. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 33
- B 70
RGB color chart
- C 81
- M 53
- Y 0
- K 30
CMYK color chart

● #2254b3 color description : Strong blue.

The hexadecimal color #2254b3 has RGB values of R:34, G:84, B:179 and CMYK values of C:0.81, M:0.53, Y:0, K:0.3. Its decimal value is 2249907.

Hex triplet	2254b3	`#2254b3`
RGB Decimal	34, 84, 179	`rgb(34,84,179)`
RGB Percent	13.3, 32.9, 70.2	`rgb(13.3%,32.9%,70.2%)`
CMYK	81, 53, 0, 30
HSL	219.3°, 68.1, 41.8	`hsl(219.3,68.1%,41.8%)`
HSV (or HSB)	219.3°, 81, 70.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.725, 19.017, -55.159
XYZ	11.965, 9.934, 43.932
xyY	0.182, 0.151, 9.934
CIE-LCH	37.725, 58.345, 289.022
CIE-LUV	37.725, -16.857, -79.915
Hunter-Lab	31.519, 12.602, -60.577
Binary	00100010, 01010100, 10110011

#2254b3
```
#2254b3 rgb(34,84,179)
```
#b38122
```
#b38122 rgb(179,129,34)
```

Complementary Color

#229db3
```
#229db3 rgb(34,157,179)
```
#2254b3
```
#2254b3 rgb(34,84,179)
```
#3922b3
```
#3922b3 rgb(57,34,179)
```

Analogous Color

#9db322
```
#9db322 rgb(157,179,34)
```
#2254b3
```
#2254b3 rgb(34,84,179)
```
#b33922
```
#b33922 rgb(179,57,34)
```

Split Complementary Color

#54b322
```
#54b322 rgb(84,179,34)
```
#2254b3
```
#2254b3 rgb(34,84,179)
```
#b32254
```
#b32254 rgb(179,34,84)
```

Triadic Color

#22b381
```
#22b381 rgb(34,179,129)
```
#2254b3
```
#2254b3 rgb(34,84,179)
```
#b32254
```
#b32254 rgb(179,34,84)
```
#b38122
```
#b38122 rgb(179,129,34)
```

Tetradic Color

#163673
```
#163673 rgb(22,54,115)
```
#1a4088
```
#1a4088 rgb(26,64,136)
```
#1e4a9e
```
#1e4a9e rgb(30,74,158)
```
#2254b3
```
#2254b3 rgb(34,84,179)
```
#265ec8
```
#265ec8 rgb(38,94,200)
```
#306ad8
```
#306ad8 rgb(48,106,216)
```
#4679dc
```
#4679dc rgb(70,121,220)
```

Monochromatic Color

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

#2278b3
```
#2278b3 rgb(34,120,179)
```
#226cb3
```
#226cb3 rgb(34,108,179)
```
#2260b3
```
#2260b3 rgb(34,96,179)
```
#2254b3
```
#2254b3 rgb(34,84,179)
```
#2248b3
```
#2248b3 rgb(34,72,179)
```
#223cb3
```
#223cb3 rgb(34,60,179)
```
#2230b3
```
#2230b3 rgb(34,48,179)
```

Similar Colors

Text with hexadecimal color #2254b3

This text has a font color of #2254b3.

<span style="color:#2254b3;">Text here</span>

#2254b3 background color

This paragraph has a background color of #2254b3.

<p style="background-color:#2254b3;">Content here</p>

#2254b3 border color

This element has a border color of #2254b3.

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

CSS codes

.text {color:#2254b3;}

.background {background-color:#2254b3;}

.border {border:1px solid #2254b3;}

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, #03070e is the darkest color, while #fdfdff is the lightest one.

#03070e
```
#03070e rgb(3,7,14)
```
#060e1f
```
#060e1f rgb(6,14,31)
```
#09162f
```
#09162f rgb(9,22,47)
```
#0c1e40
```
#0c1e40 rgb(12,30,64)
```
#0f2650
```
#0f2650 rgb(15,38,80)
```
#122d61
```
#122d61 rgb(18,45,97)
```
#153571
```
#153571 rgb(21,53,113)
```
#193d82
```
#193d82 rgb(25,61,130)
```
#1c4592
```
#1c4592 rgb(28,69,146)
```
#1f4ca3
```
#1f4ca3 rgb(31,76,163)
```
#2254b3
```
#2254b3 rgb(34,84,179)
```
#255cc3
```
#255cc3 rgb(37,92,195)
```
#2863d4
```
#2863d4 rgb(40,99,212)
```

Shade Color Variation

#376fd9
```
#376fd9 rgb(55,111,217)
```
#477bdc
```
#477bdc rgb(71,123,220)
```
#5887df
```
#5887df rgb(88,135,223)
```
#6892e2
```
#6892e2 rgb(104,146,226)
```
#799ee6
```
#799ee6 rgb(121,158,230)
```
#89aae9
```
#89aae9 rgb(137,170,233)
```
#9ab6ec
```
#9ab6ec rgb(154,182,236)
```
#aac2ef
```
#aac2ef rgb(170,194,239)
```
#bbcef2
```
#bbcef2 rgb(187,206,242)
```
#cbdaf5
```
#cbdaf5 rgb(203,218,245)
```
#dce6f8
```
#dce6f8 rgb(220,230,248)
```
#ecf1fb
```
#ecf1fb rgb(236,241,251)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#646871
```
#646871 rgb(100,104,113)
```
#5b667a
```
#5b667a rgb(91,102,122)
```
#536382
```
#536382 rgb(83,99,130)
```
#4b618a
```
#4b618a rgb(75,97,138)
```
#435e92
```
#435e92 rgb(67,94,146)
```
#3b5c9a
```
#3b5c9a rgb(59,92,154)
```
#3259a3
```
#3259a3 rgb(50,89,163)
```
#2a57ab
```
#2a57ab rgb(42,87,171)
```
#2254b3
```
#2254b3 rgb(34,84,179)
```
#1a51bb
```
#1a51bb rgb(26,81,187)
```
#124fc3
```
#124fc3 rgb(18,79,195)
```
#094ccc
```
#094ccc rgb(9,76,204)
```
#014ad4
```
#014ad4 rgb(1,74,212)
```

Tone Color Variation

Below, you can see how #2254b3 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

#505050 Achromatopsia 0.005% of the population
#475164 Atypical Achromatopsia 0.001% of the population

Dichromacy

#125eb8 Protanopia 1% of men
#0063a2 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#175ab6 Protanomaly 1% of men, 0.01% of women
#0c5da8 Deuteranomaly 6% of men, 0.4% of women
#0c6289 Tritanomaly 0.01% of the population

#2254b3 hex color

#2254b3 Color Information

#2254b3 Color Conversion

Color Schemes with #2254b3

Alternatives to #2254b3

#2254b3 Preview

Shades and Tints of #2254b3

Tones of #2254b3

Color Blindness Simulator