#48caec hex color

In a RGB color space, hex #48caec is composed of 28.2% red, 79.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 69.5% cyan, 14.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 192.4 degrees, a saturation of 81.2% and a lightness of 60.4%. #48caec color hex could be obtained by blending #90ffff with #0095d9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 28
- G 79
- B 93
RGB color chart
- C 69
- M 14
- Y 0
- K 7
CMYK color chart

● #48caec color description : Soft cyan.

The hexadecimal color #48caec has RGB values of R:72, G:202, B:236 and CMYK values of C:0.69, M:0.14, Y:0, K:0.07. Its decimal value is 4770540.

Hex triplet	48caec	`#48caec`
RGB Decimal	72, 202, 236	`rgb(72,202,236)`
RGB Percent	28.2, 79.2, 92.5	`rgb(28.2%,79.2%,92.5%)`
CMYK	69, 14, 0, 7
HSL	192.4°, 81.2, 60.4	`hsl(192.4,81.2%,60.4%)`
HSV (or HSB)	192.4°, 69.5, 92.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.867, -24.659, -27.117
XYZ	38.929, 49.672, 86.888
xyY	0.222, 0.283, 49.672
CIE-LCH	75.867, 36.652, 227.718
CIE-LUV	75.867, -48.111, -39.852
Hunter-Lab	70.478, -24.74, -23.76
Binary	01001000, 11001010, 11101100

#48caec
```
#48caec rgb(72,202,236)
```
#ec6a48
```
#ec6a48 rgb(236,106,72)
```

Complementary Color

#48ecbc
```
#48ecbc rgb(72,236,188)
```
#48caec
```
#48caec rgb(72,202,236)
```
#4878ec
```
#4878ec rgb(72,120,236)
```

Analogous Color

#ecbc48
```
#ecbc48 rgb(236,188,72)
```
#48caec
```
#48caec rgb(72,202,236)
```
#ec4878
```
#ec4878 rgb(236,72,120)
```

Split Complementary Color

#caec48
```
#caec48 rgb(202,236,72)
```
#48caec
```
#48caec rgb(72,202,236)
```
#ec48ca
```
#ec48ca rgb(236,72,202)
```

Triadic Color

#48ec6a
```
#48ec6a rgb(72,236,106)
```
#48caec
```
#48caec rgb(72,202,236)
```
#ec48ca
```
#ec48ca rgb(236,72,202)
```
#ec6a48
```
#ec6a48 rgb(236,106,72)
```

Tetradic Color

#16abd2
```
#16abd2 rgb(22,171,210)
```
#1abde7
```
#1abde7 rgb(26,189,231)
```
#31c3ea
```
#31c3ea rgb(49,195,234)
```
#48caec
```
#48caec rgb(72,202,236)
```
#5fd1ee
```
#5fd1ee rgb(95,209,238)
```
#76d7f1
```
#76d7f1 rgb(118,215,241)
```
#8ddef3
```
#8ddef3 rgb(141,222,243)
```

Monochromatic Color

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

#48ece5
```
#48ece5 rgb(72,236,229)
```
#48e5ec
```
#48e5ec rgb(72,229,236)
```
#48d8ec
```
#48d8ec rgb(72,216,236)
```
#48caec
```
#48caec rgb(72,202,236)
```
#48bcec
```
#48bcec rgb(72,188,236)
```
#48afec
```
#48afec rgb(72,175,236)
```
#48a1ec
```
#48a1ec rgb(72,161,236)
```

Similar Colors

Text with hexadecimal color #48caec

This text has a font color of #48caec.

<span style="color:#48caec;">Text here</span>

#48caec background color

This paragraph has a background color of #48caec.

<p style="background-color:#48caec;">Content here</p>

#48caec border color

This element has a border color of #48caec.

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

CSS codes

.text {color:#48caec;}

.background {background-color:#48caec;}

.border {border:1px solid #48caec;}

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, #010a0c is the darkest color, while #fafdfe is the lightest one.

#010a0c
```
#010a0c rgb(1,10,12)
```
#03191e
```
#03191e rgb(3,25,30)
```
#052730
```
#052730 rgb(5,39,48)
```
#073642
```
#073642 rgb(7,54,66)
```
#094454
```
#094454 rgb(9,68,84)
```
#0b5365
```
#0b5365 rgb(11,83,101)
```
#0c6177
```
#0c6177 rgb(12,97,119)
```
#0e6f89
```
#0e6f89 rgb(14,111,137)
```
#107e9b
```
#107e9b rgb(16,126,155)
```
#128cac
```
#128cac rgb(18,140,172)
```
#149bbe
```
#149bbe rgb(20,155,190)
```
#16a9d0
```
#16a9d0 rgb(22,169,208)
```
#17b8e2
```
#17b8e2 rgb(23,184,226)
```

Shade Color Variation

#24c0e8
```
#24c0e8 rgb(36,192,232)
```
#36c5ea
```
#36c5ea rgb(54,197,234)
```
#48caec
```
#48caec rgb(72,202,236)
```
#5acfee
```
#5acfee rgb(90,207,238)
```
#6cd4f0
```
#6cd4f0 rgb(108,212,240)
```
#7dd9f2
```
#7dd9f2 rgb(125,217,242)
```
#8fdff3
```
#8fdff3 rgb(143,223,243)
```
#a1e4f5
```
#a1e4f5 rgb(161,228,245)
```
#b3e9f7
```
#b3e9f7 rgb(179,233,247)
```
#c4eef9
```
#c4eef9 rgb(196,238,249)
```
#d6f3fb
```
#d6f3fb rgb(214,243,251)
```
#e8f8fd
```
#e8f8fd rgb(232,248,253)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969d9e is the less saturated color, while #38d3fc is the most saturated one.

#969d9e
```
#969d9e rgb(150,157,158)
```
#8ea1a6
```
#8ea1a6 rgb(142,161,166)
```
#86a6ae
```
#86a6ae rgb(134,166,174)
```
#7eaab6
```
#7eaab6 rgb(126,170,182)
```
#77afbd
```
#77afbd rgb(119,175,189)
```
#6fb3c5
```
#6fb3c5 rgb(111,179,197)
```
#67b8cd
```
#67b8cd rgb(103,184,205)
```
#5fbcd5
```
#5fbcd5 rgb(95,188,213)
```
#58c1dc
```
#58c1dc rgb(88,193,220)
```
#50c5e4
```
#50c5e4 rgb(80,197,228)
```
#48caec
```
#48caec rgb(72,202,236)
```
#40cff4
```
#40cff4 rgb(64,207,244)
```
#38d3fc
```
#38d3fc rgb(56,211,252)
```

Tone Color Variation

Below, you can see how #48caec 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

#a7a7a7 Achromatopsia 0.005% of the population
#94aeb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bce2 Protanopia 1% of men
#b1bbf3 Deuteranopia 1% of men
#45cfde Tritanopia 0.001% of the population

Trichromacy

#8dc1e6 Protanomaly 1% of men, 0.01% of women
#8bc0f0 Deuteranomaly 6% of men, 0.4% of women
#46cde3 Tritanomaly 0.01% of the population

#48caec hex color

#48caec Color Information

#48caec Color Conversion

Color Schemes with #48caec

Alternatives to #48caec

#48caec Preview

Shades and Tints of #48caec

Tones of #48caec

Color Blindness Simulator