#255fa2 hex color

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

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

● #255fa2 color description : Dark blue.

The hexadecimal color #255fa2 has RGB values of R:37, G:95, B:162 and CMYK values of C:0.77, M:0.41, Y:0, K:0.36. Its decimal value is 2449314.

Hex triplet	255fa2	`#255fa2`
RGB Decimal	37, 95, 162	`rgb(37,95,162)`
RGB Percent	14.5, 37.3, 63.5	`rgb(14.5%,37.3%,63.5%)`
CMYK	77, 41, 0, 36
HSL	212.2°, 62.8, 39	`hsl(212.2,62.8%,39%)`
HSV (or HSB)	212.2°, 77.2, 63.5
Web Safe	336699	`#336699`

CIE-LAB	39.891, 5.492, -41.599
XYZ	11.375, 11.185, 35.74
xyY	0.195, 0.192, 11.185
CIE-LCH	39.891, 41.96, 277.521
CIE-LUV	39.891, -20.201, -60.576
Hunter-Lab	33.445, 2.183, -39.948
Binary	00100101, 01011111, 10100010

#255fa2
```
#255fa2 rgb(37,95,162)
```
#a26825
```
#a26825 rgb(162,104,37)
```

Complementary Color

#259ea2
```
#259ea2 rgb(37,158,162)
```
#255fa2
```
#255fa2 rgb(37,95,162)
```
#2a25a2
```
#2a25a2 rgb(42,37,162)
```

Analogous Color

#9ea225
```
#9ea225 rgb(158,162,37)
```
#255fa2
```
#255fa2 rgb(37,95,162)
```
#a22a25
```
#a22a25 rgb(162,42,37)
```

Split Complementary Color

#5fa225
```
#5fa225 rgb(95,162,37)
```
#255fa2
```
#255fa2 rgb(37,95,162)
```
#a2255f
```
#a2255f rgb(162,37,95)
```

Triadic Color

#25a268
```
#25a268 rgb(37,162,104)
```
#255fa2
```
#255fa2 rgb(37,95,162)
```
#a2255f
```
#a2255f rgb(162,37,95)
```
#a26825
```
#a26825 rgb(162,104,37)
```

Tetradic Color

#173a64
```
#173a64 rgb(23,58,100)
```
#1c4778
```
#1c4778 rgb(28,71,120)
```
#20538d
```
#20538d rgb(32,83,141)
```
#255fa2
```
#255fa2 rgb(37,95,162)
```
#2a6bb7
```
#2a6bb7 rgb(42,107,183)
```
#2e77cc
```
#2e77cc rgb(46,119,204)
```
#4084d3
```
#4084d3 rgb(64,132,211)
```

Monochromatic Color

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

#257ea2
```
#257ea2 rgb(37,126,162)
```
#2574a2
```
#2574a2 rgb(37,116,162)
```
#2569a2
```
#2569a2 rgb(37,105,162)
```
#255fa2
```
#255fa2 rgb(37,95,162)
```
#2555a2
```
#2555a2 rgb(37,85,162)
```
#254aa2
```
#254aa2 rgb(37,74,162)
```
#2540a2
```
#2540a2 rgb(37,64,162)
```

Similar Colors

Text with hexadecimal color #255fa2

This text has a font color of #255fa2.

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

#255fa2 background color

This paragraph has a background color of #255fa2.

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

#255fa2 border color

This element has a border color of #255fa2.

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

CSS codes

.text {color:#255fa2;}

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

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

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)
```
#040b12
```
#040b12 rgb(4,11,18)
```
#081422
```
#081422 rgb(8,20,34)
```
#0b1d32
```
#0b1d32 rgb(11,29,50)
```
#0f2742
```
#0f2742 rgb(15,39,66)
```
#133052
```
#133052 rgb(19,48,82)
```
#163a62
```
#163a62 rgb(22,58,98)
```
#1a4372
```
#1a4372 rgb(26,67,114)
```
#1e4c82
```
#1e4c82 rgb(30,76,130)
```
#215692
```
#215692 rgb(33,86,146)
```
#255fa2
```
#255fa2 rgb(37,95,162)
```
#2968b2
```
#2968b2 rgb(41,104,178)
```
#2c72c2
```
#2c72c2 rgb(44,114,194)
```

Shade Color Variation

#327bd0
```
#327bd0 rgb(50,123,208)
```
#4285d4
```
#4285d4 rgb(66,133,212)
```
#5290d7
```
#5290d7 rgb(82,144,215)
```
#629adb
```
#629adb rgb(98,154,219)
```
#72a4df
```
#72a4df rgb(114,164,223)
```
#82aee2
```
#82aee2 rgb(130,174,226)
```
#92b9e6
```
#92b9e6 rgb(146,185,230)
```
#a2c3ea
```
#a2c3ea rgb(162,195,234)
```
#b1cded
```
#b1cded rgb(177,205,237)
```
#c1d7f1
```
#c1d7f1 rgb(193,215,241)
```
#d1e2f5
```
#d1e2f5 rgb(209,226,245)
```
#e1ecf8
```
#e1ecf8 rgb(225,236,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 #065dc1 is the most saturated one.

#626365
```
#626365 rgb(98,99,101)
```
#5b636c
```
#5b636c rgb(91,99,108)
```
#536274
```
#536274 rgb(83,98,116)
```
#4b627c
```
#4b627c rgb(75,98,124)
```
#446183
```
#446183 rgb(68,97,131)
```
#3c618b
```
#3c618b rgb(60,97,139)
```
#346093
```
#346093 rgb(52,96,147)
```
#2d609a
```
#2d609a rgb(45,96,154)
```
#255fa2
```
#255fa2 rgb(37,95,162)
```
#1d5eaa
```
#1d5eaa rgb(29,94,170)
```
#165eb1
```
#165eb1 rgb(22,94,177)
```
#0e5db9
```
#0e5db9 rgb(14,93,185)
```
#065dc1
```
#065dc1 rgb(6,93,193)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4b5764 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4864a4 Protanopia 1% of men
#2f67a6 Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#3b62a3 Protanomaly 1% of men, 0.01% of women
#2b64a5 Deuteranomaly 6% of men, 0.4% of women
#0d6a87 Tritanomaly 0.01% of the population

#255fa2 hex color

#255fa2 Color Information

#255fa2 Color Conversion

Color Schemes with #255fa2

Alternatives to #255fa2

#255fa2 Preview

Shades and Tints of #255fa2

Tones of #255fa2

Color Blindness Simulator