#248ea5 hex color

In a RGB color space, hex #248ea5 is composed of 14.1% red, 55.7% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 13.9% magenta, 0% yellow and 35.3% black. It has a hue angle of 190.7 degrees, a saturation of 64.2% and a lightness of 39.4%. #248ea5 color hex could be obtained by blending #48ffff with #001d4b. Closest websafe color is: #339999.

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

● #248ea5 color description : Dark cyan.

The hexadecimal color #248ea5 has RGB values of R:36, G:142, B:165 and CMYK values of C:0.78, M:0.14, Y:0, K:0.35. Its decimal value is 2395813.

Hex triplet	248ea5	`#248ea5`
RGB Decimal	36, 142, 165	`rgb(36,142,165)`
RGB Percent	14.1, 55.7, 64.7	`rgb(14.1%,55.7%,64.7%)`
CMYK	78, 14, 0, 35
HSL	190.7°, 64.2, 39.4	`hsl(190.7,64.2%,39.4%)`
HSV (or HSB)	190.7°, 78.2, 64.7
Web Safe	339999	`#339999`

CIE-LAB	54.487, -21.062, -20.531
XYZ	17.19, 22.436, 39.02
xyY	0.219, 0.285, 22.436
CIE-LCH	54.487, 29.413, 224.269
CIE-LUV	54.487, -36.681, -27.93
Hunter-Lab	47.367, -18.111, -15.685
Binary	00100100, 10001110, 10100101

#248ea5
```
#248ea5 rgb(36,142,165)
```
#a53b24
```
#a53b24 rgb(165,59,36)
```

Complementary Color

#24a57c
```
#24a57c rgb(36,165,124)
```
#248ea5
```
#248ea5 rgb(36,142,165)
```
#244ea5
```
#244ea5 rgb(36,78,165)
```

Analogous Color

#a57c24
```
#a57c24 rgb(165,124,36)
```
#248ea5
```
#248ea5 rgb(36,142,165)
```
#a5244e
```
#a5244e rgb(165,36,78)
```

Split Complementary Color

#8ea524
```
#8ea524 rgb(142,165,36)
```
#248ea5
```
#248ea5 rgb(36,142,165)
```
#a5248e
```
#a5248e rgb(165,36,142)
```

Triadic Color

#24a53b
```
#24a53b rgb(36,165,59)
```
#248ea5
```
#248ea5 rgb(36,142,165)
```
#a5248e
```
#a5248e rgb(165,36,142)
```
#a53b24
```
#a53b24 rgb(165,59,36)
```

Tetradic Color

#165866
```
#165866 rgb(22,88,102)
```
#1b6a7b
```
#1b6a7b rgb(27,106,123)
```
#1f7c90
```
#1f7c90 rgb(31,124,144)
```
#248ea5
```
#248ea5 rgb(36,142,165)
```
#29a0ba
```
#29a0ba rgb(41,160,186)
```
#2db2cf
```
#2db2cf rgb(45,178,207)
```
#40bbd5
```
#40bbd5 rgb(64,187,213)
```

Monochromatic Color

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

#24a59c
```
#24a59c rgb(36,165,156)
```
#24a4a5
```
#24a4a5 rgb(36,164,165)
```
#2499a5
```
#2499a5 rgb(36,153,165)
```
#248ea5
```
#248ea5 rgb(36,142,165)
```
#2483a5
```
#2483a5 rgb(36,131,165)
```
#2479a5
```
#2479a5 rgb(36,121,165)
```
#246ea5
```
#246ea5 rgb(36,110,165)
```

Similar Colors

Text with hexadecimal color #248ea5

This text has a font color of #248ea5.

<span style="color:#248ea5;">Text here</span>

#248ea5 background color

This paragraph has a background color of #248ea5.

<p style="background-color:#248ea5;">Content here</p>

#248ea5 border color

This element has a border color of #248ea5.

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

CSS codes

.text {color:#248ea5;}

.background {background-color:#248ea5;}

.border {border:1px solid #248ea5;}

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 #f3fbfc is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#041114
```
#041114 rgb(4,17,20)
```
#081f24
```
#081f24 rgb(8,31,36)
```
#0b2d34
```
#0b2d34 rgb(11,45,52)
```
#0f3b44
```
#0f3b44 rgb(15,59,68)
```
#124954
```
#124954 rgb(18,73,84)
```
#165765
```
#165765 rgb(22,87,101)
```
#196475
```
#196475 rgb(25,100,117)
```
#1d7285
```
#1d7285 rgb(29,114,133)
```
#208095
```
#208095 rgb(32,128,149)
```
#248ea5
```
#248ea5 rgb(36,142,165)
```
#289cb5
```
#289cb5 rgb(40,156,181)
```
#2baac5
```
#2baac5 rgb(43,170,197)
```

Shade Color Variation

#32b6d2
```
#32b6d2 rgb(50,182,210)
```
#42bbd6
```
#42bbd6 rgb(66,187,214)
```
#52c1d9
```
#52c1d9 rgb(82,193,217)
```
#62c7dd
```
#62c7dd rgb(98,199,221)
```
#72cde0
```
#72cde0 rgb(114,205,224)
```
#82d2e4
```
#82d2e4 rgb(130,210,228)
```
#92d8e7
```
#92d8e7 rgb(146,216,231)
```
#a2deeb
```
#a2deeb rgb(162,222,235)
```
#b2e4ee
```
#b2e4ee rgb(178,228,238)
```
#c3e9f2
```
#c3e9f2 rgb(195,233,242)
```
#d3eff5
```
#d3eff5 rgb(211,239,245)
```
#e3f5f9
```
#e3f5f9 rgb(227,245,249)
```
#f3fbfc
```
#f3fbfc rgb(243,251,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 #05a2c4 is the most saturated one.

#626667
```
#626667 rgb(98,102,103)
```
#5a6b6f
```
#5a6b6f rgb(90,107,111)
```
#527077
```
#527077 rgb(82,112,119)
```
#4b757e
```
#4b757e rgb(75,117,126)
```
#437a86
```
#437a86 rgb(67,122,134)
```
#3b7f8e
```
#3b7f8e rgb(59,127,142)
```
#338496
```
#338496 rgb(51,132,150)
```
#2c899d
```
#2c899d rgb(44,137,157)
```
#248ea5
```
#248ea5 rgb(36,142,165)
```
#1c93ad
```
#1c93ad rgb(28,147,173)
```
#1598b4
```
#1598b4 rgb(21,152,180)
```
#0d9dbc
```
#0d9dbc rgb(13,157,188)
```
#05a2c4
```
#05a2c4 rgb(5,162,196)
```

Tone Color Variation

Below, you can see how #248ea5 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

#717171 Achromatopsia 0.005% of the population
#62777b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8287a1 Protanopia 1% of men
#7f86ae Deuteranopia 1% of men
#2495a0 Tritanopia 0.001% of the population

Trichromacy

#6089a3 Protanomaly 1% of men, 0.01% of women
#5e89ab Deuteranomaly 6% of men, 0.4% of women
#2492a2 Tritanomaly 0.01% of the population

#248ea5 hex color

#248ea5 Color Information

#248ea5 Color Conversion

Color Schemes with #248ea5

Alternatives to #248ea5

#248ea5 Preview

Shades and Tints of #248ea5

Tones of #248ea5

Color Blindness Simulator