#75caf0 hex color

In a RGB color space, hex #75caf0 is composed of 45.9% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 51.3% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 198.5 degrees, a saturation of 80.4% and a lightness of 70%. #75caf0 color hex could be obtained by blending #eaffff with #0095e1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 46
- G 79
- B 94
RGB color chart
- C 51
- M 16
- Y 0
- K 6
CMYK color chart

● #75caf0 color description : Soft blue.

The hexadecimal color #75caf0 has RGB values of R:117, G:202, B:240 and CMYK values of C:0.51, M:0.16, Y:0, K:0.06. Its decimal value is 7719664.

Hex triplet	75caf0	`#75caf0`
RGB Decimal	117, 202, 240	`rgb(117,202,240)`
RGB Percent	45.9, 79.2, 94.1	`rgb(45.9%,79.2%,94.1%)`
CMYK	51, 16, 0, 6
HSL	198.5°, 80.4, 70	`hsl(198.5,80.4%,70%)`
HSV (or HSB)	198.5°, 51.3, 94.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.467, -15.555, -26.688
XYZ	44.181, 52.311, 90.202
xyY	0.237, 0.28, 52.311
CIE-LCH	77.467, 30.89, 239.764
CIE-LUV	77.467, -37.365, -40.407
Hunter-Lab	72.327, -17.535, -23.315
Binary	01110101, 11001010, 11110000

#75caf0
```
#75caf0 rgb(117,202,240)
```
#f09b75
```
#f09b75 rgb(240,155,117)
```

Complementary Color

#75f0d9
```
#75f0d9 rgb(117,240,217)
```
#75caf0
```
#75caf0 rgb(117,202,240)
```
#758df0
```
#758df0 rgb(117,141,240)
```

Analogous Color

#f0d975
```
#f0d975 rgb(240,217,117)
```
#75caf0
```
#75caf0 rgb(117,202,240)
```
#f0758d
```
#f0758d rgb(240,117,141)
```

Split Complementary Color

#caf075
```
#caf075 rgb(202,240,117)
```
#75caf0
```
#75caf0 rgb(117,202,240)
```
#f075ca
```
#f075ca rgb(240,117,202)
```

Triadic Color

#75f09b
```
#75f09b rgb(117,240,155)
```
#75caf0
```
#75caf0 rgb(117,202,240)
```
#f075ca
```
#f075ca rgb(240,117,202)
```
#f09b75
```
#f09b75 rgb(240,155,117)
```

Tetradic Color

#30b0e9
```
#30b0e9 rgb(48,176,233)
```
#47b8eb
```
#47b8eb rgb(71,184,235)
```
#5ec1ee
```
#5ec1ee rgb(94,193,238)
```
#75caf0
```
#75caf0 rgb(117,202,240)
```
#8cd3f3
```
#8cd3f3 rgb(140,211,243)
```
#a3dcf5
```
#a3dcf5 rgb(163,220,245)
```
#bae5f8
```
#bae5f8 rgb(186,229,248)
```

Monochromatic Color

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

#75e9f0
```
#75e9f0 rgb(117,233,240)
```
#75dff0
```
#75dff0 rgb(117,223,240)
```
#75d4f0
```
#75d4f0 rgb(117,212,240)
```
#75caf0
```
#75caf0 rgb(117,202,240)
```
#75c0f0
```
#75c0f0 rgb(117,192,240)
```
#75b6f0
```
#75b6f0 rgb(117,182,240)
```
#75abf0
```
#75abf0 rgb(117,171,240)
```

Similar Colors

Text with hexadecimal color #75caf0

This text has a font color of #75caf0.

<span style="color:#75caf0;">Text here</span>

#75caf0 background color

This paragraph has a background color of #75caf0.

<p style="background-color:#75caf0;">Content here</p>

#75caf0 border color

This element has a border color of #75caf0.

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

CSS codes

.text {color:#75caf0;}

.background {background-color:#75caf0;}

.border {border:1px solid #75caf0;}

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

#000304
```
#000304 rgb(0,3,4)
```
#020f15
```
#020f15 rgb(2,15,21)
```
#041c27
```
#041c27 rgb(4,28,39)
```
#062939
```
#062939 rgb(6,41,57)
```
#08364a
```
#08364a rgb(8,54,74)
```
#0a435c
```
#0a435c rgb(10,67,92)
```
#0c4f6e
```
#0c4f6e rgb(12,79,110)
```
#0e5c7f
```
#0e5c7f rgb(14,92,127)
```
#106991
```
#106991 rgb(16,105,145)
```
#1276a3
```
#1276a3 rgb(18,118,163)
```
#1483b4
```
#1483b4 rgb(20,131,180)
```
#1690c6
```
#1690c6 rgb(22,144,198)
```
#179cd8
```
#179cd8 rgb(23,156,216)
```

Shade Color Variation

#1da8e6
```
#1da8e6 rgb(29,168,230)
```
#2eafe8
```
#2eafe8 rgb(46,175,232)
```
#40b6ea
```
#40b6ea rgb(64,182,234)
```
#52bcec
```
#52bcec rgb(82,188,236)
```
#63c3ee
```
#63c3ee rgb(99,195,238)
```
#75caf0
```
#75caf0 rgb(117,202,240)
```
#87d1f2
```
#87d1f2 rgb(135,209,242)
```
#98d8f4
```
#98d8f4 rgb(152,216,244)
```
#aadef6
```
#aadef6 rgb(170,222,246)
```
#bce5f8
```
#bce5f8 rgb(188,229,248)
```
#cdecfa
```
#cdecfa rgb(205,236,250)
```
#dff3fc
```
#dff3fc rgb(223,243,252)
```
#f1fafd
```
#f1fafd rgb(241,250,253)
```

Tint Color Variation

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

#b0b4b5
```
#b0b4b5 rgb(176,180,181)
```
#aab6bb
```
#aab6bb rgb(170,182,187)
```
#a4b8c1
```
#a4b8c1 rgb(164,184,193)
```
#9ebac7
```
#9ebac7 rgb(158,186,199)
```
#98bdcd
```
#98bdcd rgb(152,189,205)
```
#92bfd3
```
#92bfd3 rgb(146,191,211)
```
#8dc1d8
```
#8dc1d8 rgb(141,193,216)
```
#87c3de
```
#87c3de rgb(135,195,222)
```
#81c6e4
```
#81c6e4 rgb(129,198,228)
```
#7bc8ea
```
#7bc8ea rgb(123,200,234)
```
#75caf0
```
#75caf0 rgb(117,202,240)
```
#6fccf6
```
#6fccf6 rgb(111,204,246)
```
#69cefc
```
#69cefc rgb(105,206,252)
```

Tone Color Variation

Below, you can see how #75caf0 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

#b5b5b5 Achromatopsia 0.005% of the population
#a8b9c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9c0e9 Protanopia 1% of men
#b7bff5 Deuteranopia 1% of men
#74cfdf Tritanopia 0.001% of the population

Trichromacy

#a0c4eb Protanomaly 1% of men, 0.01% of women
#9fc3f3 Deuteranomaly 6% of men, 0.4% of women
#74cde5 Tritanomaly 0.01% of the population

#75caf0 hex color

#75caf0 Color Information

#75caf0 Color Conversion

Color Schemes with #75caf0

Alternatives to #75caf0

#75caf0 Preview

Shades and Tints of #75caf0

Tones of #75caf0

Color Blindness Simulator