#2483a5 hex color

In a RGB color space, hex #2483a5 is composed of 14.1% red, 51.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 20.6% magenta, 0% yellow and 35.3% black. It has a hue angle of 195.8 degrees, a saturation of 64.2% and a lightness of 39.4%. #2483a5 color hex could be obtained by blending #48ffff with #00074b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 14
- G 51
- B 65
RGB color chart
- C 78
- M 21
- Y 0
- K 35
CMYK color chart

● #2483a5 color description : Dark blue.

The hexadecimal color #2483a5 has RGB values of R:36, G:131, B:165 and CMYK values of C:0.78, M:0.21, Y:0, K:0.35. Its decimal value is 2392997.

Hex triplet	2483a5	`#2483a5`
RGB Decimal	36, 131, 165	`rgb(36,131,165)`
RGB Percent	14.1, 51.4, 64.7	`rgb(14.1%,51.4%,64.7%)`
CMYK	78, 21, 0, 35
HSL	195.8°, 64.2, 39.4	`hsl(195.8,64.2%,39.4%)`
HSV (or HSB)	195.8°, 78.2, 64.7
Web Safe	339999	`#339999`

CIE-LAB	51.063, -15.11, -25.802
XYZ	15.634, 19.323, 38.501
xyY	0.213, 0.263, 19.323
CIE-LCH	51.063, 29.901, 239.645
CIE-LUV	51.063, -32.723, -36.668
Hunter-Lab	43.958, -13.443, -21.159
Binary	00100100, 10000011, 10100101

#2483a5
```
#2483a5 rgb(36,131,165)
```
#a54624
```
#a54624 rgb(165,70,36)
```

Complementary Color

#24a587
```
#24a587 rgb(36,165,135)
```
#2483a5
```
#2483a5 rgb(36,131,165)
```
#2442a5
```
#2442a5 rgb(36,66,165)
```

Analogous Color

#a58724
```
#a58724 rgb(165,135,36)
```
#2483a5
```
#2483a5 rgb(36,131,165)
```
#a52442
```
#a52442 rgb(165,36,66)
```

Split Complementary Color

#83a524
```
#83a524 rgb(131,165,36)
```
#2483a5
```
#2483a5 rgb(36,131,165)
```
#a52483
```
#a52483 rgb(165,36,131)
```

Triadic Color

#24a546
```
#24a546 rgb(36,165,70)
```
#2483a5
```
#2483a5 rgb(36,131,165)
```
#a52483
```
#a52483 rgb(165,36,131)
```
#a54624
```
#a54624 rgb(165,70,36)
```

Tetradic Color

#165166
```
#165166 rgb(22,81,102)
```
#1b627b
```
#1b627b rgb(27,98,123)
```
#1f7290
```
#1f7290 rgb(31,114,144)
```
#2483a5
```
#2483a5 rgb(36,131,165)
```
#2994ba
```
#2994ba rgb(41,148,186)
```
#2da4cf
```
#2da4cf rgb(45,164,207)
```
#40aed5
```
#40aed5 rgb(64,174,213)
```

Monochromatic Color

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

#24a3a5
```
#24a3a5 rgb(36,163,165)
```
#2499a5
```
#2499a5 rgb(36,153,165)
```
#248ea5
```
#248ea5 rgb(36,142,165)
```
#2483a5
```
#2483a5 rgb(36,131,165)
```
#2478a5
```
#2478a5 rgb(36,120,165)
```
#246ea5
```
#246ea5 rgb(36,110,165)
```
#2463a5
```
#2463a5 rgb(36,99,165)
```

Similar Colors

Text with hexadecimal color #2483a5

This text has a font color of #2483a5.

<span style="color:#2483a5;">Text here</span>

#2483a5 background color

This paragraph has a background color of #2483a5.

<p style="background-color:#2483a5;">Content here</p>

#2483a5 border color

This element has a border color of #2483a5.

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

CSS codes

.text {color:#2483a5;}

.background {background-color:#2483a5;}

.border {border:1px solid #2483a5;}

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

#010304
```
#010304 rgb(1,3,4)
```
#041014
```
#041014 rgb(4,16,20)
```
#081d24
```
#081d24 rgb(8,29,36)
```
#0b2a34
```
#0b2a34 rgb(11,42,52)
```
#0f3644
```
#0f3644 rgb(15,54,68)
```
#124354
```
#124354 rgb(18,67,84)
```
#165065
```
#165065 rgb(22,80,101)
```
#195d75
```
#195d75 rgb(25,93,117)
```
#1d6985
```
#1d6985 rgb(29,105,133)
```
#207695
```
#207695 rgb(32,118,149)
```
#2483a5
```
#2483a5 rgb(36,131,165)
```
#2890b5
```
#2890b5 rgb(40,144,181)
```
#2b9dc5
```
#2b9dc5 rgb(43,157,197)
```

Shade Color Variation

#32a8d2
```
#32a8d2 rgb(50,168,210)
```
#42afd6
```
#42afd6 rgb(66,175,214)
```
#52b6d9
```
#52b6d9 rgb(82,182,217)
```
#62bcdd
```
#62bcdd rgb(98,188,221)
```
#72c3e0
```
#72c3e0 rgb(114,195,224)
```
#82cae4
```
#82cae4 rgb(130,202,228)
```
#92d1e7
```
#92d1e7 rgb(146,209,231)
```
#a2d8eb
```
#a2d8eb rgb(162,216,235)
```
#b2dfee
```
#b2dfee rgb(178,223,238)
```
#c3e5f2
```
#c3e5f2 rgb(195,229,242)
```
#d3ecf5
```
#d3ecf5 rgb(211,236,245)
```
#e3f3f9
```
#e3f3f9 rgb(227,243,249)
```
#f3fafc
```
#f3fafc rgb(243,250,252)
```

Tint Color Variation

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

#626667
```
#626667 rgb(98,102,103)
```
#5a696f
```
#5a696f rgb(90,105,111)
```
#526d77
```
#526d77 rgb(82,109,119)
```
#4b717e
```
#4b717e rgb(75,113,126)
```
#437486
```
#437486 rgb(67,116,134)
```
#3b788e
```
#3b788e rgb(59,120,142)
```
#337c96
```
#337c96 rgb(51,124,150)
```
#2c7f9d
```
#2c7f9d rgb(44,127,157)
```
#2483a5
```
#2483a5 rgb(36,131,165)
```
#1c87ad
```
#1c87ad rgb(28,135,173)
```
#158ab4
```
#158ab4 rgb(21,138,180)
```
#0d8ebc
```
#0d8ebc rgb(13,142,188)
```
#0592c4
```
#0592c4 rgb(5,146,196)
```

Tone Color Variation

Below, you can see how #2483a5 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

#6a6a6a Achromatopsia 0.005% of the population
#5c6f76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767fa2 Protanopia 1% of men
#707fad Deuteranopia 1% of men
#118c97 Tritanopia 0.001% of the population

Trichromacy

#5880a3 Protanomaly 1% of men, 0.01% of women
#5480aa Deuteranomaly 6% of men, 0.4% of women
#18899c Tritanomaly 0.01% of the population

#2483a5 hex color

#2483a5 Color Information

#2483a5 Color Conversion

Color Schemes with #2483a5

Alternatives to #2483a5

#2483a5 Preview

Shades and Tints of #2483a5

Tones of #2483a5

Color Blindness Simulator