#61b8f2 hex color

In a RGB color space, hex #61b8f2 is composed of 38% red, 72.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 24% magenta, 0% yellow and 5.1% black. It has a hue angle of 204 degrees, a saturation of 84.8% and a lightness of 66.5%. #61b8f2 color hex could be obtained by blending #c2ffff with #0071e5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 38
- G 72
- B 95
RGB color chart
- C 60
- M 24
- Y 0
- K 5
CMYK color chart

● #61b8f2 color description : Soft blue.

The hexadecimal color #61b8f2 has RGB values of R:97, G:184, B:242 and CMYK values of C:0.6, M:0.24, Y:0, K:0.05. Its decimal value is 6404338.

Hex triplet	61b8f2	`#61b8f2`
RGB Decimal	97, 184, 242	`rgb(97,184,242)`
RGB Percent	38, 72.2, 94.9	`rgb(38%,72.2%,94.9%)`
CMYK	60, 24, 0, 5
HSL	204°, 84.8, 66.5	`hsl(204,84.8%,66.5%)`
HSV (or HSB)	204°, 59.9, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.711, -9.422, -36.704
XYZ	38.093, 43.231, 90.336
xyY	0.222, 0.252, 43.231
CIE-LCH	71.711, 37.894, 255.604
CIE-LUV	71.711, -36.09, -57.816
Hunter-Lab	65.75, -11.645, -35.436
Binary	01100001, 10111000, 11110010

#61b8f2
```
#61b8f2 rgb(97,184,242)
```
#f29b61
```
#f29b61 rgb(242,155,97)
```

Complementary Color

#61f2e4
```
#61f2e4 rgb(97,242,228)
```
#61b8f2
```
#61b8f2 rgb(97,184,242)
```
#6170f2
```
#6170f2 rgb(97,112,242)
```

Analogous Color

#f2e461
```
#f2e461 rgb(242,228,97)
```
#61b8f2
```
#61b8f2 rgb(97,184,242)
```
#f26170
```
#f26170 rgb(242,97,112)
```

Split Complementary Color

#b8f261
```
#b8f261 rgb(184,242,97)
```
#61b8f2
```
#61b8f2 rgb(97,184,242)
```
#f261b8
```
#f261b8 rgb(242,97,184)
```

Triadic Color

#61f29b
```
#61f29b rgb(97,242,155)
```
#61b8f2
```
#61b8f2 rgb(97,184,242)
```
#f261b8
```
#f261b8 rgb(242,97,184)
```
#f29b61
```
#f29b61 rgb(242,155,97)
```

Tetradic Color

#1a98ec
```
#1a98ec rgb(26,152,236)
```
#32a3ee
```
#32a3ee rgb(50,163,238)
```
#49adf0
```
#49adf0 rgb(73,173,240)
```
#61b8f2
```
#61b8f2 rgb(97,184,242)
```
#79c3f4
```
#79c3f4 rgb(121,195,244)
```
#90cdf6
```
#90cdf6 rgb(144,205,246)
```
#a8d8f8
```
#a8d8f8 rgb(168,216,248)
```

Monochromatic Color

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

#61dcf2
```
#61dcf2 rgb(97,220,242)
```
#61d0f2
```
#61d0f2 rgb(97,208,242)
```
#61c4f2
```
#61c4f2 rgb(97,196,242)
```
#61b8f2
```
#61b8f2 rgb(97,184,242)
```
#61acf2
```
#61acf2 rgb(97,172,242)
```
#61a0f2
```
#61a0f2 rgb(97,160,242)
```
#6194f2
```
#6194f2 rgb(97,148,242)
```

Similar Colors

Text with hexadecimal color #61b8f2

This text has a font color of #61b8f2.

<span style="color:#61b8f2;">Text here</span>

#61b8f2 background color

This paragraph has a background color of #61b8f2.

<p style="background-color:#61b8f2;">Content here</p>

#61b8f2 border color

This element has a border color of #61b8f2.

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

CSS codes

.text {color:#61b8f2;}

.background {background-color:#61b8f2;}

.border {border:1px solid #61b8f2;}

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

#000305
```
#000305 rgb(0,3,5)
```
#020f17
```
#020f17 rgb(2,15,23)
```
#031a29
```
#031a29 rgb(3,26,41)
```
#05263b
```
#05263b rgb(5,38,59)
```
#06314e
```
#06314e rgb(6,49,78)
```
#083d60
```
#083d60 rgb(8,61,96)
```
#094872
```
#094872 rgb(9,72,114)
```
#0b5484
```
#0b5484 rgb(11,84,132)
```
#0c5f96
```
#0c5f96 rgb(12,95,150)
```
#0e6aa8
```
#0e6aa8 rgb(14,106,168)
```
#0f76ba
```
#0f76ba rgb(15,118,186)
```
#1181cc
```
#1181cc rgb(17,129,204)
```
#128ddf
```
#128ddf rgb(18,141,223)
```

Shade Color Variation

#1997ec
```
#1997ec rgb(25,151,236)
```
#2ba0ee
```
#2ba0ee rgb(43,160,238)
```
#3da8ef
```
#3da8ef rgb(61,168,239)
```
#4fb0f1
```
#4fb0f1 rgb(79,176,241)
```
#61b8f2
```
#61b8f2 rgb(97,184,242)
```
#73c0f3
```
#73c0f3 rgb(115,192,243)
```
#85c8f5
```
#85c8f5 rgb(133,200,245)
```
#97d0f6
```
#97d0f6 rgb(151,208,246)
```
#a9d9f8
```
#a9d9f8 rgb(169,217,248)
```
#bce1f9
```
#bce1f9 rgb(188,225,249)
```
#cee9fb
```
#cee9fb rgb(206,233,251)
```
#e0f1fc
```
#e0f1fc rgb(224,241,252)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

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

#a9aaaa
```
#a9aaaa rgb(169,170,170)
```
#a3abb0
```
#a3abb0 rgb(163,171,176)
```
#9cacb7
```
#9cacb7 rgb(156,172,183)
```
#96adbd
```
#96adbd rgb(150,173,189)
```
#8fafc4
```
#8fafc4 rgb(143,175,196)
```
#88b0cb
```
#88b0cb rgb(136,176,203)
```
#82b1d1
```
#82b1d1 rgb(130,177,209)
```
#7bb3d8
```
#7bb3d8 rgb(123,179,216)
```
#75b4de
```
#75b4de rgb(117,180,222)
```
#6eb5e5
```
#6eb5e5 rgb(110,181,229)
```
#68b7eb
```
#68b7eb rgb(104,183,235)
```
#61b8f2
```
#61b8f2 rgb(97,184,242)
```
#5ab9f9
```
#5ab9f9 rgb(90,185,249)
```

Tone Color Variation

Below, you can see how #61b8f2 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

#a5a5a5 Achromatopsia 0.005% of the population
#97a9b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b1eb Protanopia 1% of men
#99b2f6 Deuteranopia 1% of men
#55c2d0 Tritanopia 0.001% of the population

Trichromacy

#8ab4ee Protanomaly 1% of men, 0.01% of women
#85b4f4 Deuteranomaly 6% of men, 0.4% of women
#59bedc Tritanomaly 0.01% of the population

#61b8f2 hex color

#61b8f2 Color Information

#61b8f2 Color Conversion

Color Schemes with #61b8f2

Alternatives to #61b8f2

#61b8f2 Preview

Shades and Tints of #61b8f2

Tones of #61b8f2

Color Blindness Simulator