#42bcf0 hex color

In a RGB color space, hex #42bcf0 is composed of 25.9% red, 73.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 21.7% magenta, 0% yellow and 5.9% black. It has a hue angle of 197.9 degrees, a saturation of 85.3% and a lightness of 60%. #42bcf0 color hex could be obtained by blending #84ffff with #0079e1. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 26
- G 74
- B 94
RGB color chart
- C 73
- M 22
- Y 0
- K 6
CMYK color chart

● #42bcf0 color description : Bright blue.

The hexadecimal color #42bcf0 has RGB values of R:66, G:188, B:240 and CMYK values of C:0.73, M:0.22, Y:0, K:0.06. Its decimal value is 4373744.

Hex triplet	42bcf0	`#42bcf0`
RGB Decimal	66, 188, 240	`rgb(66,188,240)`
RGB Percent	25.9, 73.7, 94.1	`rgb(25.9%,73.7%,94.1%)`
CMYK	73, 22, 0, 6
HSL	197.9°, 85.3, 60	`hsl(197.9,85.3%,60%)`
HSV (or HSB)	197.9°, 72.5, 94.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.834, -16.987, -35.503
XYZ	35.954, 43.413, 88.918
xyY	0.214, 0.258, 43.413
CIE-LCH	71.834, 39.358, 244.431
CIE-LUV	71.834, -43.959, -54.853
Hunter-Lab	65.888, -17.901, -33.891
Binary	01000010, 10111100, 11110000

#42bcf0
```
#42bcf0 rgb(66,188,240)
```
#f07642
```
#f07642 rgb(240,118,66)
```

Complementary Color

#42f0cd
```
#42f0cd rgb(66,240,205)
```
#42bcf0
```
#42bcf0 rgb(66,188,240)
```
#4265f0
```
#4265f0 rgb(66,101,240)
```

Analogous Color

#f0cd42
```
#f0cd42 rgb(240,205,66)
```
#42bcf0
```
#42bcf0 rgb(66,188,240)
```
#f04265
```
#f04265 rgb(240,66,101)
```

Split Complementary Color

#bcf042
```
#bcf042 rgb(188,240,66)
```
#42bcf0
```
#42bcf0 rgb(66,188,240)
```
#f042bc
```
#f042bc rgb(240,66,188)
```

Triadic Color

#42f076
```
#42f076 rgb(66,240,118)
```
#42bcf0
```
#42bcf0 rgb(66,188,240)
```
#f042bc
```
#f042bc rgb(240,66,188)
```
#f07642
```
#f07642 rgb(240,118,66)
```

Tetradic Color

#119ad5
```
#119ad5 rgb(17,154,213)
```
#13abec
```
#13abec rgb(19,171,236)
```
#2ab4ee
```
#2ab4ee rgb(42,180,238)
```
#42bcf0
```
#42bcf0 rgb(66,188,240)
```
#5ac4f2
```
#5ac4f2 rgb(90,196,242)
```
#71cdf4
```
#71cdf4 rgb(113,205,244)
```
#89d5f6
```
#89d5f6 rgb(137,213,246)
```

Monochromatic Color

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

#42e8f0
```
#42e8f0 rgb(66,232,240)
```
#42d9f0
```
#42d9f0 rgb(66,217,240)
```
#42cbf0
```
#42cbf0 rgb(66,203,240)
```
#42bcf0
```
#42bcf0 rgb(66,188,240)
```
#42aef0
```
#42aef0 rgb(66,174,240)
```
#429ff0
```
#429ff0 rgb(66,159,240)
```
#4291f0
```
#4291f0 rgb(66,145,240)
```

Similar Colors

Text with hexadecimal color #42bcf0

This text has a font color of #42bcf0.

<span style="color:#42bcf0;">Text here</span>

#42bcf0 background color

This paragraph has a background color of #42bcf0.

<p style="background-color:#42bcf0;">Content here</p>

#42bcf0 border color

This element has a border color of #42bcf0.

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

CSS codes

.text {color:#42bcf0;}

.background {background-color:#42bcf0;}

.border {border:1px solid #42bcf0;}

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, #01080b is the darkest color, while #f8fcfe is the lightest one.

#01080b
```
#01080b rgb(1,8,11)
```
#02151d
```
#02151d rgb(2,21,29)
```
#04222f
```
#04222f rgb(4,34,47)
```
#052f41
```
#052f41 rgb(5,47,65)
```
#073d54
```
#073d54 rgb(7,61,84)
```
#084a66
```
#084a66 rgb(8,74,102)
```
#0a5778
```
#0a5778 rgb(10,87,120)
```
#0b648a
```
#0b648a rgb(11,100,138)
```
#0c719c
```
#0c719c rgb(12,113,156)
```
#0e7eae
```
#0e7eae rgb(14,126,174)
```
#0f8cc1
```
#0f8cc1 rgb(15,140,193)
```
#1199d3
```
#1199d3 rgb(17,153,211)
```
#12a6e5
```
#12a6e5 rgb(18,166,229)
```

Shade Color Variation

#1eafed
```
#1eafed rgb(30,175,237)
```
#30b6ef
```
#30b6ef rgb(48,182,239)
```
#42bcf0
```
#42bcf0 rgb(66,188,240)
```
#54c2f1
```
#54c2f1 rgb(84,194,241)
```
#66c9f3
```
#66c9f3 rgb(102,201,243)
```
#79cff4
```
#79cff4 rgb(121,207,244)
```
#8bd6f6
```
#8bd6f6 rgb(139,214,246)
```
#9ddcf7
```
#9ddcf7 rgb(157,220,247)
```
#afe3f9
```
#afe3f9 rgb(175,227,249)
```
#c1e9fa
```
#c1e9fa rgb(193,233,250)
```
#d3f0fc
```
#d3f0fc rgb(211,240,252)
```
#e6f6fd
```
#e6f6fd rgb(230,246,253)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98999a is the less saturated color, while #3abff8 is the most saturated one.

#98999a
```
#98999a rgb(152,153,154)
```
#909ca2
```
#909ca2 rgb(144,156,162)
```
#89a0a9
```
#89a0a9 rgb(137,160,169)
```
#81a3b1
```
#81a3b1 rgb(129,163,177)
```
#79a6b9
```
#79a6b9 rgb(121,166,185)
```
#71a9c1
```
#71a9c1 rgb(113,169,193)
```
#69acc9
```
#69acc9 rgb(105,172,201)
```
#61afd1
```
#61afd1 rgb(97,175,209)
```
#5ab3d8
```
#5ab3d8 rgb(90,179,216)
```
#52b6e0
```
#52b6e0 rgb(82,182,224)
```
#4ab9e8
```
#4ab9e8 rgb(74,185,232)
```
#42bcf0
```
#42bcf0 rgb(66,188,240)
```
#3abff8
```
#3abff8 rgb(58,191,248)
```

Tone Color Variation

Below, you can see how #42bcf0 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

#9d9d9d Achromatopsia 0.005% of the population
#8ba3ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b2e7 Protanopia 1% of men
#9ab2f5 Deuteranopia 1% of men
#2ac5d3 Tritanopia 0.001% of the population

Trichromacy

#80b5ea Protanomaly 1% of men, 0.01% of women
#7ab5f3 Deuteranomaly 6% of men, 0.4% of women
#33c1dd Tritanomaly 0.01% of the population

#42bcf0 hex color

#42bcf0 Color Information

#42bcf0 Color Conversion

Color Schemes with #42bcf0

Alternatives to #42bcf0

#42bcf0 Preview

Shades and Tints of #42bcf0

Tones of #42bcf0

Color Blindness Simulator