#42bbf2 hex color

In a RGB color space, hex #42bbf2 is composed of 25.9% red, 73.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 22.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 198.8 degrees, a saturation of 87.1% and a lightness of 60.4%. #42bbf2 color hex could be obtained by blending #84ffff with #0077e5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 26
- G 73
- B 95
RGB color chart
- C 73
- M 23
- Y 0
- K 5
CMYK color chart

● #42bbf2 color description : Bright blue.

The hexadecimal color #42bbf2 has RGB values of R:66, G:187, B:242 and CMYK values of C:0.73, M:0.23, Y:0, K:0.05. Its decimal value is 4373490.

Hex triplet	42bbf2	`#42bbf2`
RGB Decimal	66, 187, 242	`rgb(66,187,242)`
RGB Percent	25.9, 73.3, 94.9	`rgb(25.9%,73.3%,94.9%)`
CMYK	73, 23, 0, 5
HSL	198.8°, 87.1, 60.4	`hsl(198.8,87.1%,60.4%)`
HSV (or HSB)	198.8°, 72.7, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.627, -15.806, -36.907
XYZ	36.04, 43.107, 90.421
xyY	0.213, 0.254, 43.107
CIE-LCH	71.627, 40.15, 246.816
CIE-LUV	71.627, -43.497, -57.385
Hunter-Lab	65.656, -16.914, -35.695
Binary	01000010, 10111011, 11110010

#42bbf2
```
#42bbf2 rgb(66,187,242)
```
#f27942
```
#f27942 rgb(242,121,66)
```

Complementary Color

#42f2d1
```
#42f2d1 rgb(66,242,209)
```
#42bbf2
```
#42bbf2 rgb(66,187,242)
```
#4263f2
```
#4263f2 rgb(66,99,242)
```

Analogous Color

#f2d142
```
#f2d142 rgb(242,209,66)
```
#42bbf2
```
#42bbf2 rgb(66,187,242)
```
#f24263
```
#f24263 rgb(242,66,99)
```

Split Complementary Color

#bbf242
```
#bbf242 rgb(187,242,66)
```
#42bbf2
```
#42bbf2 rgb(66,187,242)
```
#f242bb
```
#f242bb rgb(242,66,187)
```

Triadic Color

#42f279
```
#42f279 rgb(66,242,121)
```
#42bbf2
```
#42bbf2 rgb(66,187,242)
```
#f242bb
```
#f242bb rgb(242,66,187)
```
#f27942
```
#f27942 rgb(242,121,66)
```

Tetradic Color

#0f9ad9
```
#0f9ad9 rgb(15,154,217)
```
#12aaef
```
#12aaef rgb(18,170,239)
```
#2ab2f0
```
#2ab2f0 rgb(42,178,240)
```
#42bbf2
```
#42bbf2 rgb(66,187,242)
```
#5ac4f4
```
#5ac4f4 rgb(90,196,244)
```
#72ccf5
```
#72ccf5 rgb(114,204,245)
```
#8ad5f7
```
#8ad5f7 rgb(138,213,247)
```

Monochromatic Color

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

#42e7f2
```
#42e7f2 rgb(66,231,242)
```
#42d8f2
```
#42d8f2 rgb(66,216,242)
```
#42caf2
```
#42caf2 rgb(66,202,242)
```
#42bbf2
```
#42bbf2 rgb(66,187,242)
```
#42acf2
```
#42acf2 rgb(66,172,242)
```
#429ef2
```
#429ef2 rgb(66,158,242)
```
#428ff2
```
#428ff2 rgb(66,143,242)
```

Similar Colors

Text with hexadecimal color #42bbf2

This text has a font color of #42bbf2.

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

#42bbf2 background color

This paragraph has a background color of #42bbf2.

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

#42bbf2 border color

This element has a border color of #42bbf2.

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

CSS codes

.text {color:#42bbf2;}

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

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

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, #01090d is the darkest color, while #fafdff is the lightest one.

#01090d
```
#01090d rgb(1,9,13)
```
#02161f
```
#02161f rgb(2,22,31)
```
#032332
```
#032332 rgb(3,35,50)
```
#053044
```
#053044 rgb(5,48,68)
```
#063d56
```
#063d56 rgb(6,61,86)
```
#074a69
```
#074a69 rgb(7,74,105)
```
#08577b
```
#08577b rgb(8,87,123)
```
#0a648d
```
#0a648d rgb(10,100,141)
```
#0b71a0
```
#0b71a0 rgb(11,113,160)
```
#0c7eb2
```
#0c7eb2 rgb(12,126,178)
```
#0e8bc4
```
#0e8bc4 rgb(14,139,196)
```
#0f98d7
```
#0f98d7 rgb(15,152,215)
```
#10a5e9
```
#10a5e9 rgb(16,165,233)
```

Shade Color Variation

#1daeef
```
#1daeef rgb(29,174,239)
```
#30b4f1
```
#30b4f1 rgb(48,180,241)
```
#42bbf2
```
#42bbf2 rgb(66,187,242)
```
#54c2f3
```
#54c2f3 rgb(84,194,243)
```
#67c8f5
```
#67c8f5 rgb(103,200,245)
```
#79cff6
```
#79cff6 rgb(121,207,246)
```
#8bd5f7
```
#8bd5f7 rgb(139,213,247)
```
#9edcf8
```
#9edcf8 rgb(158,220,248)
```
#b0e3fa
```
#b0e3fa rgb(176,227,250)
```
#c2e9fb
```
#c2e9fb rgb(194,233,251)
```
#d5f0fc
```
#d5f0fc rgb(213,240,252)
```
#e7f6fd
```
#e7f6fd rgb(231,246,253)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#979b9d
```
#979b9d rgb(151,155,157)
```
#909ea4
```
#909ea4 rgb(144,158,164)
```
#88a1ac
```
#88a1ac rgb(136,161,172)
```
#80a4b4
```
#80a4b4 rgb(128,164,180)
```
#78a7bc
```
#78a7bc rgb(120,167,188)
```
#71aac3
```
#71aac3 rgb(113,170,195)
```
#69accb
```
#69accb rgb(105,172,203)
```
#61afd3
```
#61afd3 rgb(97,175,211)
```
#59b2db
```
#59b2db rgb(89,178,219)
```
#52b5e2
```
#52b5e2 rgb(82,181,226)
```
#4ab8ea
```
#4ab8ea rgb(74,184,234)
```
#42bbf2
```
#42bbf2 rgb(66,187,242)
```
#3abefa
```
#3abefa rgb(58,190,250)
```

Tone Color Variation

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

#a2b1e9 Protanopia 1% of men
#98b2f7 Deuteranopia 1% of men
#25c4d3 Tritanopia 0.001% of the population

Trichromacy

#7fb5ec Protanomaly 1% of men, 0.01% of women
#78b5f5 Deuteranomaly 6% of men, 0.4% of women
#2fc1de Tritanomaly 0.01% of the population

#42bbf2 hex color

#42bbf2 Color Information

#42bbf2 Color Conversion

Color Schemes with #42bbf2

Alternatives to #42bbf2

#42bbf2 Preview

Shades and Tints of #42bbf2

Tones of #42bbf2

Color Blindness Simulator