#3afbfc hex color

In a RGB color space, hex #3afbfc is composed of 22.7% red, 98.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 180.3 degrees, a saturation of 97% and a lightness of 60.8%. #3afbfc color hex could be obtained by blending #74ffff with #00f7f9. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 23
- G 98
- B 99
RGB color chart
- C 77
- M 0
- Y 0
- K 1
CMYK color chart

● #3afbfc color description : Bright cyan.

The hexadecimal color #3afbfc has RGB values of R:58, G:251, B:252 and CMYK values of C:0.77, M:0, Y:0, K:0.01. Its decimal value is 3865596.

Hex triplet	3afbfc	`#3afbfc`
RGB Decimal	58, 251, 252	`rgb(58,251,252)`
RGB Percent	22.7, 98.4, 98.8	`rgb(22.7%,98.4%,98.8%)`
CMYK	77, 0, 0, 1
HSL	180.3°, 97, 60.8	`hsl(180.3,97%,60.8%)`
HSV (or HSB)	180.3°, 77, 98.8
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.283, -44.495, -13.781
XYZ	53.807, 76.917, 104.101
xyY	0.229, 0.328, 76.917
CIE-LCH	90.283, 46.58, 197.208
CIE-LUV	90.283, -65.995, -15.101
Hunter-Lab	87.702, -43.965, -8.984
Binary	00111010, 11111011, 11111100

#3afbfc
```
#3afbfc rgb(58,251,252)
```
#fc3b3a
```
#fc3b3a rgb(252,59,58)
```

Complementary Color

#3afc9c
```
#3afc9c rgb(58,252,156)
```
#3afbfc
```
#3afbfc rgb(58,251,252)
```
#3a9afc
```
#3a9afc rgb(58,154,252)
```

Analogous Color

#fc9c3a
```
#fc9c3a rgb(252,156,58)
```
#3afbfc
```
#3afbfc rgb(58,251,252)
```
#fc3a9a
```
#fc3a9a rgb(252,58,154)
```

Split Complementary Color

#fbfc3a
```
#fbfc3a rgb(251,252,58)
```
#3afbfc
```
#3afbfc rgb(58,251,252)
```
#fc3afb
```
#fc3afb rgb(252,58,251)
```

Triadic Color

#3afc3b
```
#3afc3b rgb(58,252,59)
```
#3afbfc
```
#3afbfc rgb(58,251,252)
```
#fc3afb
```
#fc3afb rgb(252,58,251)
```
#fc3b3a
```
#fc3b3a rgb(252,59,58)
```

Tetradic Color

#04e5e6
```
#04e5e6 rgb(4,229,230)
```
#08fafb
```
#08fafb rgb(8,250,251)
```
#21fafc
```
#21fafc rgb(33,250,252)
```
#3afbfc
```
#3afbfc rgb(58,251,252)
```
#53fcfc
```
#53fcfc rgb(83,252,252)
```
#6cfcfd
```
#6cfcfd rgb(108,252,253)
```
#85fdfd
```
#85fdfd rgb(133,253,253)
```

Monochromatic Color

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

#3afccd
```
#3afccd rgb(58,252,205)
```
#3afcdd
```
#3afcdd rgb(58,252,221)
```
#3afced
```
#3afced rgb(58,252,237)
```
#3afbfc
```
#3afbfc rgb(58,251,252)
```
#3aebfc
```
#3aebfc rgb(58,235,252)
```
#3adbfc
```
#3adbfc rgb(58,219,252)
```
#3acbfc
```
#3acbfc rgb(58,203,252)
```

Similar Colors

Text with hexadecimal color #3afbfc

This text has a font color of #3afbfc.

<span style="color:#3afbfc;">Text here</span>

#3afbfc background color

This paragraph has a background color of #3afbfc.

<p style="background-color:#3afbfc;">Content here</p>

#3afbfc border color

This element has a border color of #3afbfc.

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

CSS codes

.text {color:#3afbfc;}

.background {background-color:#3afbfc;}

.border {border:1px solid #3afbfc;}

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, #000f10 is the darkest color, while #fbffff is the lightest one.

#000f10
```
#000f10 rgb(0,15,16)
```
#012323
```
#012323 rgb(1,35,35)
```
#013636
```
#013636 rgb(1,54,54)
```
#014949
```
#014949 rgb(1,73,73)
```
#015c5d
```
#015c5d rgb(1,92,93)
```
#027070
```
#027070 rgb(2,112,112)
```
#028383
```
#028383 rgb(2,131,131)
```
#029697
```
#029697 rgb(2,150,151)
```
#03a9aa
```
#03a9aa rgb(3,169,170)
```
#03bcbd
```
#03bcbd rgb(3,188,189)
```
#03d0d1
```
#03d0d1 rgb(3,208,209)
```
#03e3e4
```
#03e3e4 rgb(3,227,228)
```
#04f6f7
```
#04f6f7 rgb(4,246,247)
```

Shade Color Variation

#13fafb
```
#13fafb rgb(19,250,251)
```
#27fbfc
```
#27fbfc rgb(39,251,252)
```
#3afbfc
```
#3afbfc rgb(58,251,252)
```
#4dfbfc
```
#4dfbfc rgb(77,251,252)
```
#61fcfd
```
#61fcfd rgb(97,252,253)
```
#74fcfd
```
#74fcfd rgb(116,252,253)
```
#87fdfd
```
#87fdfd rgb(135,253,253)
```
#9bfdfd
```
#9bfdfd rgb(155,253,253)
```
#aefdfe
```
#aefdfe rgb(174,253,254)
```
#c1fefe
```
#c1fefe rgb(193,254,254)
```
#d5fefe
```
#d5fefe rgb(213,254,254)
```
#e8ffff
```
#e8ffff rgb(232,255,255)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#96a0a0
```
#96a0a0 rgb(150,160,160)
```
#8fa7a7
```
#8fa7a7 rgb(143,167,167)
```
#87afaf
```
#87afaf rgb(135,175,175)
```
#7fb6b7
```
#7fb6b7 rgb(127,182,183)
```
#78bebe
```
#78bebe rgb(120,190,190)
```
#70c6c6
```
#70c6c6 rgb(112,198,198)
```
#68cdce
```
#68cdce rgb(104,205,206)
```
#60d5d6
```
#60d5d6 rgb(96,213,214)
```
#59dddd
```
#59dddd rgb(89,221,221)
```
#51e4e5
```
#51e4e5 rgb(81,228,229)
```
#49eced
```
#49eced rgb(73,236,237)
```
#42f3f4
```
#42f3f4 rgb(66,243,244)
```
#3afbfc
```
#3afbfc rgb(58,251,252)
```

Tone Color Variation

Below, you can see how #3afbfc 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

#c1c1c1 Achromatopsia 0.005% of the population
#a6cdcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e3ee Protanopia 1% of men
#e7e0ff Deuteranopia 1% of men
#9bf2ff Tritanopia 0.001% of the population

Trichromacy

#a7ebf3 Protanomaly 1% of men, 0.01% of women
#a8eafd Deuteranomaly 6% of men, 0.4% of women
#77f5fd Tritanomaly 0.01% of the population

#3afbfc hex color

#3afbfc Color Information

#3afbfc Color Conversion

Color Schemes with #3afbfc

Alternatives to #3afbfc

#3afbfc Preview

Shades and Tints of #3afbfc

Tones of #3afbfc

Color Blindness Simulator