#248caa hex color

In a RGB color space, hex #248caa is composed of 14.1% red, 54.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 17.6% magenta, 0% yellow and 33.3% black. It has a hue angle of 193.4 degrees, a saturation of 65% and a lightness of 40.4%. #248caa color hex could be obtained by blending #48ffff with #001955. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 14
- G 55
- B 67
RGB color chart
- C 79
- M 18
- Y 0
- K 33
CMYK color chart

● #248caa color description : Dark cyan.

The hexadecimal color #248caa has RGB values of R:36, G:140, B:170 and CMYK values of C:0.79, M:0.18, Y:0, K:0.33. Its decimal value is 2395306.

Hex triplet	248caa	`#248caa`
RGB Decimal	36, 140, 170	`rgb(36,140,170)`
RGB Percent	14.1, 54.9, 66.7	`rgb(14.1%,54.9%,66.7%)`
CMYK	79, 18, 0, 33
HSL	193.4°, 65, 40.4	`hsl(193.4,65%,40.4%)`
HSV (or HSB)	193.4°, 78.8, 66.7
Web Safe	339999	`#339999`

CIE-LAB	54.061, -18.302, -24.057
XYZ	17.359, 22.032, 41.366
xyY	0.215, 0.273, 22.032
CIE-LCH	54.061, 30.228, 232.737
CIE-LUV	54.061, -35.636, -33.859
Hunter-Lab	46.938, -16.126, -19.394
Binary	00100100, 10001100, 10101010

#248caa
```
#248caa rgb(36,140,170)
```
#aa4224
```
#aa4224 rgb(170,66,36)
```

Complementary Color

#24aa85
```
#24aa85 rgb(36,170,133)
```
#248caa
```
#248caa rgb(36,140,170)
```
#2449aa
```
#2449aa rgb(36,73,170)
```

Analogous Color

#aa8524
```
#aa8524 rgb(170,133,36)
```
#248caa
```
#248caa rgb(36,140,170)
```
#aa2449
```
#aa2449 rgb(170,36,73)
```

Split Complementary Color

#8caa24
```
#8caa24 rgb(140,170,36)
```
#248caa
```
#248caa rgb(36,140,170)
```
#aa248c
```
#aa248c rgb(170,36,140)
```

Triadic Color

#24aa42
```
#24aa42 rgb(36,170,66)
```
#248caa
```
#248caa rgb(36,140,170)
```
#aa248c
```
#aa248c rgb(170,36,140)
```
#aa4224
```
#aa4224 rgb(170,66,36)
```

Tetradic Color

#17586b
```
#17586b rgb(23,88,107)
```
#1b6980
```
#1b6980 rgb(27,105,128)
```
#207b95
```
#207b95 rgb(32,123,149)
```
#248caa
```
#248caa rgb(36,140,170)
```
#289dbf
```
#289dbf rgb(40,157,191)
```
#2eaed3
```
#2eaed3 rgb(46,174,211)
```
#43b6d7
```
#43b6d7 rgb(67,182,215)
```

Monochromatic Color

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

#24aaa7
```
#24aaa7 rgb(36,170,167)
```
#24a2aa
```
#24a2aa rgb(36,162,170)
```
#2497aa
```
#2497aa rgb(36,151,170)
```
#248caa
```
#248caa rgb(36,140,170)
```
#2481aa
```
#2481aa rgb(36,129,170)
```
#2476aa
```
#2476aa rgb(36,118,170)
```
#246baa
```
#246baa rgb(36,107,170)
```

Similar Colors

Text with hexadecimal color #248caa

This text has a font color of #248caa.

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

#248caa background color

This paragraph has a background color of #248caa.

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

#248caa border color

This element has a border color of #248caa.

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

CSS codes

.text {color:#248caa;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#051418
```
#051418 rgb(5,20,24)
```
#092129
```
#092129 rgb(9,33,41)
```
#0c2f39
```
#0c2f39 rgb(12,47,57)
```
#0f3c49
```
#0f3c49 rgb(15,60,73)
```
#134959
```
#134959 rgb(19,73,89)
```
#165769
```
#165769 rgb(22,87,105)
```
#1a6479
```
#1a6479 rgb(26,100,121)
```
#1d718a
```
#1d718a rgb(29,113,138)
```
#217f9a
```
#217f9a rgb(33,127,154)
```
#248caa
```
#248caa rgb(36,140,170)
```
#2799ba
```
#2799ba rgb(39,153,186)
```
#2ba7ca
```
#2ba7ca rgb(43,167,202)
```

Shade Color Variation

#35b0d4
```
#35b0d4 rgb(53,176,212)
```
#45b7d8
```
#45b7d8 rgb(69,183,216)
```
#55bddb
```
#55bddb rgb(85,189,219)
```
#65c3de
```
#65c3de rgb(101,195,222)
```
#75cae2
```
#75cae2 rgb(117,202,226)
```
#86d0e5
```
#86d0e5 rgb(134,208,229)
```
#96d6e9
```
#96d6e9 rgb(150,214,233)
```
#a6dcec
```
#a6dcec rgb(166,220,236)
```
#b6e3f0
```
#b6e3f0 rgb(182,227,240)
```
#c6e9f3
```
#c6e9f3 rgb(198,233,243)
```
#d7eff6
```
#d7eff6 rgb(215,239,246)
```
#e7f6fa
```
#e7f6fa rgb(231,246,250)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63696b is the less saturated color, while #049eca is the most saturated one.

#63696b
```
#63696b rgb(99,105,107)
```
#5b6d73
```
#5b6d73 rgb(91,109,115)
```
#54727a
```
#54727a rgb(84,114,122)
```
#4c7682
```
#4c7682 rgb(76,118,130)
```
#447a8a
```
#447a8a rgb(68,122,138)
```
#3c7f92
```
#3c7f92 rgb(60,127,146)
```
#34839a
```
#34839a rgb(52,131,154)
```
#2c88a2
```
#2c88a2 rgb(44,136,162)
```
#248caa
```
#248caa rgb(36,140,170)
```
#1c90b2
```
#1c90b2 rgb(28,144,178)
```
#1495ba
```
#1495ba rgb(20,149,186)
```
#0c99c2
```
#0c99c2 rgb(12,153,194)
```
#049eca
```
#049eca rgb(4,158,202)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#61767c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f86a6 Protanopia 1% of men
#7a86b3 Deuteranopia 1% of men
#19949f Tritanopia 0.001% of the population

Trichromacy

#5e88a8 Protanomaly 1% of men, 0.01% of women
#5a88af Deuteranomaly 6% of men, 0.4% of women
#1d91a3 Tritanomaly 0.01% of the population

#248caa hex color

#248caa Color Information

#248caa Color Conversion

Color Schemes with #248caa

Alternatives to #248caa

#248caa Preview

Shades and Tints of #248caa

Tones of #248caa

Color Blindness Simulator