#42afe3 hex color

In a RGB color space, hex #42afe3 is composed of 25.9% red, 68.6% green and 89% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 22.9% magenta, 0% yellow and 11% black. It has a hue angle of 199.4 degrees, a saturation of 74.2% and a lightness of 57.5%. #42afe3 color hex could be obtained by blending #84ffff with #005fc7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 26
- G 69
- B 89
RGB color chart
- C 71
- M 23
- Y 0
- K 11
CMYK color chart

● #42afe3 color description : Bright blue.

The hexadecimal color #42afe3 has RGB values of R:66, G:175, B:227 and CMYK values of C:0.71, M:0.23, Y:0, K:0.11. Its decimal value is 4370403.

Hex triplet	42afe3	`#42afe3`
RGB Decimal	66, 175, 227	`rgb(66,175,227)`
RGB Percent	25.9, 68.6, 89	`rgb(25.9%,68.6%,89%)`
CMYK	71, 23, 0, 11
HSL	199.4°, 74.2, 57.5	`hsl(199.4,74.2%,57.5%)`
HSV (or HSB)	199.4°, 70.9, 89
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.547, -14.33, -35.077
XYZ	31.438, 37.362, 78.223
xyY	0.214, 0.254, 37.362
CIE-LCH	67.547, 37.892, 247.779
CIE-LUV	67.547, -40.125, -54.014
Hunter-Lab	61.124, -15.158, -33.089
Binary	01000010, 10101111, 11100011

#42afe3
```
#42afe3 rgb(66,175,227)
```
#e37642
```
#e37642 rgb(227,118,66)
```

Complementary Color

#42e3c7
```
#42e3c7 rgb(66,227,199)
```
#42afe3
```
#42afe3 rgb(66,175,227)
```
#425fe3
```
#425fe3 rgb(66,95,227)
```

Analogous Color

#e3c742
```
#e3c742 rgb(227,199,66)
```
#42afe3
```
#42afe3 rgb(66,175,227)
```
#e3425f
```
#e3425f rgb(227,66,95)
```

Split Complementary Color

#afe342
```
#afe342 rgb(175,227,66)
```
#42afe3
```
#42afe3 rgb(66,175,227)
```
#e342af
```
#e342af rgb(227,66,175)
```

Triadic Color

#42e376
```
#42e376 rgb(66,227,118)
```
#42afe3
```
#42afe3 rgb(66,175,227)
```
#e342af
```
#e342af rgb(227,66,175)
```
#e37642
```
#e37642 rgb(227,118,66)
```

Tetradic Color

#1c89bd
```
#1c89bd rgb(28,137,189)
```
#1f99d3
```
#1f99d3 rgb(31,153,211)
```
#2ca6e0
```
#2ca6e0 rgb(44,166,224)
```
#42afe3
```
#42afe3 rgb(66,175,227)
```
#58b8e6
```
#58b8e6 rgb(88,184,230)
```
#6ec2ea
```
#6ec2ea rgb(110,194,234)
```
#85cbed
```
#85cbed rgb(133,203,237)
```

Monochromatic Color

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

#42d7e3
```
#42d7e3 rgb(66,215,227)
```
#42cae3
```
#42cae3 rgb(66,202,227)
```
#42bce3
```
#42bce3 rgb(66,188,227)
```
#42afe3
```
#42afe3 rgb(66,175,227)
```
#42a2e3
```
#42a2e3 rgb(66,162,227)
```
#4294e3
```
#4294e3 rgb(66,148,227)
```
#4287e3
```
#4287e3 rgb(66,135,227)
```

Similar Colors

Text with hexadecimal color #42afe3

This text has a font color of #42afe3.

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

#42afe3 background color

This paragraph has a background color of #42afe3.

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

#42afe3 border color

This element has a border color of #42afe3.

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

CSS codes

.text {color:#42afe3;}

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

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

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, #020c10 is the darkest color, while #feffff is the lightest one.

#020c10
```
#020c10 rgb(2,12,16)
```
#051821
```
#051821 rgb(5,24,33)
```
#072432
```
#072432 rgb(7,36,50)
```
#0a3143
```
#0a3143 rgb(10,49,67)
```
#0c3d54
```
#0c3d54 rgb(12,61,84)
```
#0f4a65
```
#0f4a65 rgb(15,74,101)
```
#125677
```
#125677 rgb(18,86,119)
```
#146288
```
#146288 rgb(20,98,136)
```
#176f99
```
#176f99 rgb(23,111,153)
```
#197baa
```
#197baa rgb(25,123,170)
```
#1c87bb
```
#1c87bb rgb(28,135,187)
```
#1e94cc
```
#1e94cc rgb(30,148,204)
```
#21a0dd
```
#21a0dd rgb(33,160,221)
```

Shade Color Variation

#31a8e0
```
#31a8e0 rgb(49,168,224)
```
#42afe3
```
#42afe3 rgb(66,175,227)
```
#53b6e6
```
#53b6e6 rgb(83,182,230)
```
#64bde8
```
#64bde8 rgb(100,189,232)
```
#75c5eb
```
#75c5eb rgb(117,197,235)
```
#86cced
```
#86cced rgb(134,204,237)
```
#97d3f0
```
#97d3f0 rgb(151,211,240)
```
#a9daf2
```
#a9daf2 rgb(169,218,242)
```
#bae2f5
```
#bae2f5 rgb(186,226,245)
```
#cbe9f7
```
#cbe9f7 rgb(203,233,247)
```
#dcf0fa
```
#dcf0fa rgb(220,240,250)
```
#edf7fc
```
#edf7fc rgb(237,247,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9498 is the less saturated color, while #29b8fc is the most saturated one.

#8d9498
```
#8d9498 rgb(141,148,152)
```
#8597a0
```
#8597a0 rgb(133,151,160)
```
#7c9aa9
```
#7c9aa9 rgb(124,154,169)
```
#749db1
```
#749db1 rgb(116,157,177)
```
#6ca0b9
```
#6ca0b9 rgb(108,160,185)
```
#63a3c2
```
#63a3c2 rgb(99,163,194)
```
#5ba6ca
```
#5ba6ca rgb(91,166,202)
```
#53a9d2
```
#53a9d2 rgb(83,169,210)
```
#4aacdb
```
#4aacdb rgb(74,172,219)
```
#42afe3
```
#42afe3 rgb(66,175,227)
```
#3ab2eb
```
#3ab2eb rgb(58,178,235)
```
#31b5f4
```
#31b5f4 rgb(49,181,244)
```
#29b8fc
```
#29b8fc rgb(41,184,252)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8499a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a7dc Protanopia 1% of men
#8fa7e9 Deuteranopia 1% of men
#2db8c6 Tritanopia 0.001% of the population

Trichromacy

#79aade Protanomaly 1% of men, 0.01% of women
#73aae6 Deuteranomaly 6% of men, 0.4% of women
#34b5d0 Tritanomaly 0.01% of the population

#42afe3 hex color

#42afe3 Color Information

#42afe3 Color Conversion

Color Schemes with #42afe3

Alternatives to #42afe3

#42afe3 Preview

Shades and Tints of #42afe3

Tones of #42afe3

Color Blindness Simulator