#255aa2 hex color

In a RGB color space, hex #255aa2 is composed of 14.5% red, 35.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 44.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 214.6 degrees, a saturation of 62.8% and a lightness of 39%. #255aa2 color hex could be obtained by blending #4ab4ff with #000045. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 15
- G 35
- B 64
RGB color chart
- C 77
- M 44
- Y 0
- K 36
CMYK color chart

● #255aa2 color description : Dark blue.

The hexadecimal color #255aa2 has RGB values of R:37, G:90, B:162 and CMYK values of C:0.77, M:0.44, Y:0, K:0.36. Its decimal value is 2448034.

Hex triplet	255aa2	`#255aa2`
RGB Decimal	37, 90, 162	`rgb(37,90,162)`
RGB Percent	14.5, 35.3, 63.5	`rgb(14.5%,35.3%,63.5%)`
CMYK	77, 44, 0, 36
HSL	214.6°, 62.8, 39	`hsl(214.6,62.8%,39%)`
HSV (or HSB)	214.6°, 77.2, 63.5
Web Safe	336699	`#336699`

CIE-LAB	38.399, 8.733, -43.984
XYZ	10.939, 10.313, 35.595
xyY	0.192, 0.181, 10.313
CIE-LCH	38.399, 44.842, 281.231
CIE-LUV	38.399, -18.58, -63.704
Hunter-Lab	32.115, 4.602, -43.235
Binary	00100101, 01011010, 10100010

#255aa2
```
#255aa2 rgb(37,90,162)
```
#a26d25
```
#a26d25 rgb(162,109,37)
```

Complementary Color

#2599a2
```
#2599a2 rgb(37,153,162)
```
#255aa2
```
#255aa2 rgb(37,90,162)
```
#2f25a2
```
#2f25a2 rgb(47,37,162)
```

Analogous Color

#99a225
```
#99a225 rgb(153,162,37)
```
#255aa2
```
#255aa2 rgb(37,90,162)
```
#a22f25
```
#a22f25 rgb(162,47,37)
```

Split Complementary Color

#5aa225
```
#5aa225 rgb(90,162,37)
```
#255aa2
```
#255aa2 rgb(37,90,162)
```
#a2255a
```
#a2255a rgb(162,37,90)
```

Triadic Color

#25a26d
```
#25a26d rgb(37,162,109)
```
#255aa2
```
#255aa2 rgb(37,90,162)
```
#a2255a
```
#a2255a rgb(162,37,90)
```
#a26d25
```
#a26d25 rgb(162,109,37)
```

Tetradic Color

#173764
```
#173764 rgb(23,55,100)
```
#1c4378
```
#1c4378 rgb(28,67,120)
```
#204e8d
```
#204e8d rgb(32,78,141)
```
#255aa2
```
#255aa2 rgb(37,90,162)
```
#2a66b7
```
#2a66b7 rgb(42,102,183)
```
#2e71cc
```
#2e71cc rgb(46,113,204)
```
#407fd3
```
#407fd3 rgb(64,127,211)
```

Monochromatic Color

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

#2579a2
```
#2579a2 rgb(37,121,162)
```
#256fa2
```
#256fa2 rgb(37,111,162)
```
#2564a2
```
#2564a2 rgb(37,100,162)
```
#255aa2
```
#255aa2 rgb(37,90,162)
```
#2550a2
```
#2550a2 rgb(37,80,162)
```
#2545a2
```
#2545a2 rgb(37,69,162)
```
#253ba2
```
#253ba2 rgb(37,59,162)
```

Similar Colors

Text with hexadecimal color #255aa2

This text has a font color of #255aa2.

<span style="color:#255aa2;">Text here</span>

#255aa2 background color

This paragraph has a background color of #255aa2.

<p style="background-color:#255aa2;">Content here</p>

#255aa2 border color

This element has a border color of #255aa2.

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

CSS codes

.text {color:#255aa2;}

.background {background-color:#255aa2;}

.border {border:1px solid #255aa2;}

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

#010102
```
#010102 rgb(1,1,2)
```
#040a12
```
#040a12 rgb(4,10,18)
```
#081322
```
#081322 rgb(8,19,34)
```
#0b1c32
```
#0b1c32 rgb(11,28,50)
```
#0f2542
```
#0f2542 rgb(15,37,66)
```
#132e52
```
#132e52 rgb(19,46,82)
```
#163762
```
#163762 rgb(22,55,98)
```
#1a3f72
```
#1a3f72 rgb(26,63,114)
```
#1e4882
```
#1e4882 rgb(30,72,130)
```
#215192
```
#215192 rgb(33,81,146)
```
#255aa2
```
#255aa2 rgb(37,90,162)
```
#2963b2
```
#2963b2 rgb(41,99,178)
```
#2c6cc2
```
#2c6cc2 rgb(44,108,194)
```

Shade Color Variation

#3275d0
```
#3275d0 rgb(50,117,208)
```
#4280d4
```
#4280d4 rgb(66,128,212)
```
#528ad7
```
#528ad7 rgb(82,138,215)
```
#6295db
```
#6295db rgb(98,149,219)
```
#72a0df
```
#72a0df rgb(114,160,223)
```
#82abe2
```
#82abe2 rgb(130,171,226)
```
#92b5e6
```
#92b5e6 rgb(146,181,230)
```
#a2c0ea
```
#a2c0ea rgb(162,192,234)
```
#b1cbed
```
#b1cbed rgb(177,203,237)
```
#c1d6f1
```
#c1d6f1 rgb(193,214,241)
```
#d1e0f5
```
#d1e0f5 rgb(209,224,245)
```
#e1ebf8
```
#e1ebf8 rgb(225,235,248)
```
#f1f6fc
```
#f1f6fc rgb(241,246,252)
```

Tint Color Variation

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

#626365
```
#626365 rgb(98,99,101)
```
#5b626c
```
#5b626c rgb(91,98,108)
```
#536174
```
#536174 rgb(83,97,116)
```
#4b607c
```
#4b607c rgb(75,96,124)
```
#445f83
```
#445f83 rgb(68,95,131)
```
#3c5d8b
```
#3c5d8b rgb(60,93,139)
```
#345c93
```
#345c93 rgb(52,92,147)
```
#2d5b9a
```
#2d5b9a rgb(45,91,154)
```
#255aa2
```
#255aa2 rgb(37,90,162)
```
#1d59aa
```
#1d59aa rgb(29,89,170)
```
#1658b1
```
#1658b1 rgb(22,88,177)
```
#0e57b9
```
#0e57b9 rgb(14,87,185)
```
#0655c1
```
#0655c1 rgb(6,85,193)
```

Tone Color Variation

Below, you can see how #255aa2 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

#525252 Achromatopsia 0.005% of the population
#495462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4060a5 Protanopia 1% of men
#1b64a6 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#365ea4 Protanomaly 1% of men, 0.01% of women
#1e60a4 Deuteranomaly 6% of men, 0.4% of women
#0d6584 Tritanomaly 0.01% of the population

#255aa2 hex color

#255aa2 Color Information

#255aa2 Color Conversion

Color Schemes with #255aa2

Alternatives to #255aa2

#255aa2 Preview

Shades and Tints of #255aa2

Tones of #255aa2

Color Blindness Simulator