#42afff hex color

In a RGB color space, hex #42afff is composed of 25.9% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 205.4 degrees, a saturation of 100% and a lightness of 62.9%. #42afff color hex could be obtained by blending #84ffff with #005fff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 26
- G 69
- B 100
RGB color chart
- C 74
- M 31
- Y 0
- K 0
CMYK color chart

● #42afff color description : Light blue.

The hexadecimal color #42afff has RGB values of R:66, G:175, B:255 and CMYK values of C:0.74, M:0.31, Y:0, K:0. Its decimal value is 4370431.

Hex triplet	42afff	`#42afff`
RGB Decimal	66, 175, 255	`rgb(66,175,255)`
RGB Percent	25.9, 68.6, 100	`rgb(25.9%,68.6%,100%)`
CMYK	74, 31, 0, 0
HSL	205.4°, 100, 62.9	`hsl(205.4,100%,62.9%)`
HSV (or HSB)	205.4°, 74.1, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.777, -4.923, -48.407
XYZ	35.622, 39.035, 100.259
xyY	0.204, 0.223, 39.035
CIE-LCH	68.777, 48.657, 264.193
CIE-LUV	68.777, -38.7, -78.027
Hunter-Lab	62.478, -7.564, -51.409
Binary	01000010, 10101111, 11111111

#42afff
```
#42afff rgb(66,175,255)
```
#ff9242
```
#ff9242 rgb(255,146,66)
```

Complementary Color

#42fff1
```
#42fff1 rgb(66,255,241)
```
#42afff
```
#42afff rgb(66,175,255)
```
#4251ff
```
#4251ff rgb(66,81,255)
```

Analogous Color

#fff142
```
#fff142 rgb(255,241,66)
```
#42afff
```
#42afff rgb(66,175,255)
```
#ff4250
```
#ff4250 rgb(255,66,80)
```

Split Complementary Color

#afff42
```
#afff42 rgb(175,255,66)
```
#42afff
```
#42afff rgb(66,175,255)
```
#ff42af
```
#ff42af rgb(255,66,175)
```

Triadic Color

#42ff92
```
#42ff92 rgb(66,255,146)
```
#42afff
```
#42afff rgb(66,175,255)
```
#ff42af
```
#ff42af rgb(255,66,175)
```
#ff9242
```
#ff9242 rgb(255,146,66)
```

Tetradic Color

#008df5
```
#008df5 rgb(0,141,245)
```
#0f99ff
```
#0f99ff rgb(15,153,255)
```
#29a4ff
```
#29a4ff rgb(41,164,255)
```
#42afff
```
#42afff rgb(66,175,255)
```
#5cbaff
```
#5cbaff rgb(92,186,255)
```
#75c5ff
```
#75c5ff rgb(117,197,255)
```
#8fcfff
```
#8fcfff rgb(143,207,255)
```

Monochromatic Color

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

#42deff
```
#42deff rgb(66,222,255)
```
#42cfff
```
#42cfff rgb(66,207,255)
```
#42bfff
```
#42bfff rgb(66,191,255)
```
#42afff
```
#42afff rgb(66,175,255)
```
#429fff
```
#429fff rgb(66,159,255)
```
#4290ff
```
#4290ff rgb(66,144,255)
```
#4280ff
```
#4280ff rgb(66,128,255)
```

Similar Colors

Text with hexadecimal color #42afff

This text has a font color of #42afff.

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

#42afff background color

This paragraph has a background color of #42afff.

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

#42afff border color

This element has a border color of #42afff.

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

CSS codes

.text {color:#42afff;}

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

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

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

#000407
```
#000407 rgb(0,4,7)
```
#000f1b
```
#000f1b rgb(0,15,27)
```
#001b2e
```
#001b2e rgb(0,27,46)
```
#002642
```
#002642 rgb(0,38,66)
```
#003156
```
#003156 rgb(0,49,86)
```
#003d69
```
#003d69 rgb(0,61,105)
```
#00487d
```
#00487d rgb(0,72,125)
```
#005390
```
#005390 rgb(0,83,144)
```
#005fa4
```
#005fa4 rgb(0,95,164)
```
#006ab8
```
#006ab8 rgb(0,106,184)
```
#0075cb
```
#0075cb rgb(0,117,203)
```
#0081df
```
#0081df rgb(0,129,223)
```
#008cf3
```
#008cf3 rgb(0,140,243)
```

Shade Color Variation

#0796ff
```
#0796ff rgb(7,150,255)
```
#1b9eff
```
#1b9eff rgb(27,158,255)
```
#2ea7ff
```
#2ea7ff rgb(46,167,255)
```
#42afff
```
#42afff rgb(66,175,255)
```
#56b7ff
```
#56b7ff rgb(86,183,255)
```
#69c0ff
```
#69c0ff rgb(105,192,255)
```
#7dc8ff
```
#7dc8ff rgb(125,200,255)
```
#90d0ff
```
#90d0ff rgb(144,208,255)
```
#a4d9ff
```
#a4d9ff rgb(164,217,255)
```
#b8e1ff
```
#b8e1ff rgb(184,225,255)
```
#cbe9ff
```
#cbe9ff rgb(203,233,255)
```
#dff1ff
```
#dff1ff rgb(223,241,255)
```
#f3faff
```
#f3faff rgb(243,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99a2a8 is the less saturated color, while #42afff is the most saturated one.

#99a2a8
```
#99a2a8 rgb(153,162,168)
```
#92a3af
```
#92a3af rgb(146,163,175)
```
#8ba4b6
```
#8ba4b6 rgb(139,164,182)
```
#83a5be
```
#83a5be rgb(131,165,190)
```
#7ca6c5
```
#7ca6c5 rgb(124,166,197)
```
#75a7cc
```
#75a7cc rgb(117,167,204)
```
#6ea8d3
```
#6ea8d3 rgb(110,168,211)
```
#66a9db
```
#66a9db rgb(102,169,219)
```
#5fabe2
```
#5fabe2 rgb(95,171,226)
```
#58ace9
```
#58ace9 rgb(88,172,233)
```
#51adf0
```
#51adf0 rgb(81,173,240)
```
#49aef8
```
#49aef8 rgb(73,174,248)
```
#42afff
```
#42afff rgb(66,175,255)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#879dad Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa9f7 Protanopia 1% of men
#7dacff Deuteranopia 1% of men
#00bdca Tritanopia 0.001% of the population

Trichromacy

#73abfa Protanomaly 1% of men, 0.01% of women
#68adff Deuteranomaly 6% of men, 0.4% of women
#18b7dd Tritanomaly 0.01% of the population

#42afff hex color

#42afff Color Information

#42afff Color Conversion

Color Schemes with #42afff

Alternatives to #42afff

#42afff Preview

Shades and Tints of #42afff

Tones of #42afff

Color Blindness Simulator