#33a1f2 hex color

In a RGB color space, hex #33a1f2 is composed of 20% red, 63.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 33.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 205.4 degrees, a saturation of 88% and a lightness of 57.5%. #33a1f2 color hex could be obtained by blending #66ffff with #0043e5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 63
- B 95
RGB color chart
- C 79
- M 33
- Y 0
- K 5
CMYK color chart

● #33a1f2 color description : Bright blue.

The hexadecimal color #33a1f2 has RGB values of R:51, G:161, B:242 and CMYK values of C:0.79, M:0.33, Y:0, K:0.05. Its decimal value is 3383794.

Hex triplet	33a1f2	`#33a1f2`
RGB Decimal	51, 161, 242	`rgb(51,161,242)`
RGB Percent	20, 63.1, 94.9	`rgb(20%,63.1%,94.9%)`
CMYK	79, 33, 0, 5
HSL	205.4°, 88, 57.5	`hsl(205.4,88%,57.5%)`
HSV (or HSB)	205.4°, 78.9, 94.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.837, -3.19, -49.142
XYZ	30.133, 32.602, 88.704
xyY	0.199, 0.215, 32.602
CIE-LCH	63.837, 49.245, 266.286
CIE-LUV	63.837, -36.803, -78.58
Hunter-Lab	57.098, -5.719, -52.141
Binary	00110011, 10100001, 11110010

#33a1f2
```
#33a1f2 rgb(51,161,242)
```
#f28433
```
#f28433 rgb(242,132,51)
```

Complementary Color

#33f2e4
```
#33f2e4 rgb(51,242,228)
```
#33a1f2
```
#33a1f2 rgb(51,161,242)
```
#3341f2
```
#3341f2 rgb(51,65,242)
```

Analogous Color

#f2e433
```
#f2e433 rgb(242,228,51)
```
#33a1f2
```
#33a1f2 rgb(51,161,242)
```
#f23341
```
#f23341 rgb(242,51,65)
```

Split Complementary Color

#a1f233
```
#a1f233 rgb(161,242,51)
```
#33a1f2
```
#33a1f2 rgb(51,161,242)
```
#f233a1
```
#f233a1 rgb(242,51,161)
```

Triadic Color

#33f284
```
#33f284 rgb(51,242,132)
```
#33a1f2
```
#33a1f2 rgb(51,161,242)
```
#f233a1
```
#f233a1 rgb(242,51,161)
```
#f28433
```
#f28433 rgb(242,132,51)
```

Tetradic Color

#0d7bcc
```
#0d7bcc rgb(13,123,204)
```
#0e89e4
```
#0e89e4 rgb(14,137,228)
```
#1b96f0
```
#1b96f0 rgb(27,150,240)
```
#33a1f2
```
#33a1f2 rgb(51,161,242)
```
#4bacf4
```
#4bacf4 rgb(75,172,244)
```
#63b7f5
```
#63b7f5 rgb(99,183,245)
```
#7bc2f7
```
#7bc2f7 rgb(123,194,247)
```

Monochromatic Color

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

#33d1f2
```
#33d1f2 rgb(51,209,242)
```
#33c1f2
```
#33c1f2 rgb(51,193,242)
```
#33b1f2
```
#33b1f2 rgb(51,177,242)
```
#33a1f2
```
#33a1f2 rgb(51,161,242)
```
#3391f2
```
#3391f2 rgb(51,145,242)
```
#3381f2
```
#3381f2 rgb(51,129,242)
```
#3371f2
```
#3371f2 rgb(51,113,242)
```

Similar Colors

Text with hexadecimal color #33a1f2

This text has a font color of #33a1f2.

<span style="color:#33a1f2;">Text here</span>

#33a1f2 background color

This paragraph has a background color of #33a1f2.

<p style="background-color:#33a1f2;">Content here</p>

#33a1f2 border color

This element has a border color of #33a1f2.

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

CSS codes

.text {color:#33a1f2;}

.background {background-color:#33a1f2;}

.border {border:1px solid #33a1f2;}

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, #010a11 is the darkest color, while #fefeff is the lightest one.

#010a11
```
#010a11 rgb(1,10,17)
```
#021624
```
#021624 rgb(2,22,36)
```
#032136
```
#032136 rgb(3,33,54)
```
#052c49
```
#052c49 rgb(5,44,73)
```
#06375b
```
#06375b rgb(6,55,91)
```
#07426d
```
#07426d rgb(7,66,109)
```
#084d80
```
#084d80 rgb(8,77,128)
```
#095892
```
#095892 rgb(9,88,146)
```
#0b63a5
```
#0b63a5 rgb(11,99,165)
```
#0c6eb7
```
#0c6eb7 rgb(12,110,183)
```
#0d7aca
```
#0d7aca rgb(13,122,202)
```
#0e85dc
```
#0e85dc rgb(14,133,220)
```
#0f90ef
```
#0f90ef rgb(15,144,239)
```

Shade Color Variation

#2199f1
```
#2199f1 rgb(33,153,241)
```
#33a1f2
```
#33a1f2 rgb(51,161,242)
```
#45a9f3
```
#45a9f3 rgb(69,169,243)
```
#58b2f4
```
#58b2f4 rgb(88,178,244)
```
#6abaf6
```
#6abaf6 rgb(106,186,246)
```
#7dc3f7
```
#7dc3f7 rgb(125,195,247)
```
#8fcbf8
```
#8fcbf8 rgb(143,203,248)
```
#a2d4f9
```
#a2d4f9 rgb(162,212,249)
```
#b4dcfa
```
#b4dcfa rgb(180,220,250)
```
#c7e5fb
```
#c7e5fb rgb(199,229,251)
```
#d9edfd
```
#d9edfd rgb(217,237,253)
```
#ebf6fe
```
#ebf6fe rgb(235,246,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8f9396
```
#8f9396 rgb(143,147,150)
```
#86949f
```
#86949f rgb(134,148,159)
```
#7e96a7
```
#7e96a7 rgb(126,150,167)
```
#7697af
```
#7697af rgb(118,151,175)
```
#6d98b8
```
#6d98b8 rgb(109,152,184)
```
#6599c0
```
#6599c0 rgb(101,153,192)
```
#5d9bc8
```
#5d9bc8 rgb(93,155,200)
```
#549cd1
```
#549cd1 rgb(84,156,209)
```
#4c9dd9
```
#4c9dd9 rgb(76,157,217)
```
#449ee1
```
#449ee1 rgb(68,158,225)
```
#3ba0ea
```
#3ba0ea rgb(59,160,234)
```
#33a1f2
```
#33a1f2 rgb(51,161,242)
```
#2ba2fa
```
#2ba2fa rgb(43,162,250)
```

Tone Color Variation

Below, you can see how #33a1f2 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

#898989 Achromatopsia 0.005% of the population
#788e9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#819dec Protanopia 1% of men
#69a0f5 Deuteranopia 1% of men
#00afbb Tritanopia 0.001% of the population

Trichromacy

#649eee Protanomaly 1% of men, 0.01% of women
#55a0f3 Deuteranomaly 6% of men, 0.4% of women
#12aacf Tritanomaly 0.01% of the population

#33a1f2 hex color

#33a1f2 Color Information

#33a1f2 Color Conversion

Color Schemes with #33a1f2

Alternatives to #33a1f2

#33a1f2 Preview

Shades and Tints of #33a1f2

Tones of #33a1f2

Color Blindness Simulator