#36bafd hex color

In a RGB color space, hex #36bafd is composed of 21.2% red, 72.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 26.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 200.2 degrees, a saturation of 98% and a lightness of 60.2%. #36bafd color hex could be obtained by blending #6cffff with #0075fb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 21
- G 73
- B 99
RGB color chart
- C 79
- M 26
- Y 0
- K 1
CMYK color chart

● #36bafd color description : Bright blue.

The hexadecimal color #36bafd has RGB values of R:54, G:186, B:253 and CMYK values of C:0.79, M:0.26, Y:0, K:0.01. Its decimal value is 3586813.

Hex triplet	36bafd	`#36bafd`
RGB Decimal	54, 186, 253	`rgb(54,186,253)`
RGB Percent	21.2, 72.9, 99.2	`rgb(21.2%,72.9%,99.2%)`
CMYK	79, 26, 0, 1
HSL	200.2°, 98, 60.2	`hsl(200.2,98%,60.2%)`
HSV (or HSB)	200.2°, 78.7, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.549, -12.923, -42.993
XYZ	36.805, 42.991, 99.281
xyY	0.206, 0.24, 42.991
CIE-LCH	71.549, 44.894, 253.27
CIE-LUV	71.549, -44.217, -68.203
Hunter-Lab	65.567, -14.544, -43.879
Binary	00110110, 10111010, 11111101

#36bafd
```
#36bafd rgb(54,186,253)
```
#fd7936
```
#fd7936 rgb(253,121,54)
```

Complementary Color

#36fddd
```
#36fddd rgb(54,253,221)
```
#36bafd
```
#36bafd rgb(54,186,253)
```
#3657fd
```
#3657fd rgb(54,87,253)
```

Analogous Color

#fddd36
```
#fddd36 rgb(253,221,54)
```
#36bafd
```
#36bafd rgb(54,186,253)
```
#fd3657
```
#fd3657 rgb(253,54,87)
```

Split Complementary Color

#bafd36
```
#bafd36 rgb(186,253,54)
```
#36bafd
```
#36bafd rgb(54,186,253)
```
#fd36ba
```
#fd36ba rgb(253,54,186)
```

Triadic Color

#36fd79
```
#36fd79 rgb(54,253,121)
```
#36bafd
```
#36bafd rgb(54,186,253)
```
#fd36ba
```
#fd36ba rgb(253,54,186)
```
#fd7936
```
#fd7936 rgb(253,121,54)
```

Tetradic Color

#0298e4
```
#0298e4 rgb(2,152,228)
```
#04a9fc
```
#04a9fc rgb(4,169,252)
```
#1db1fd
```
#1db1fd rgb(29,177,253)
```
#36bafd
```
#36bafd rgb(54,186,253)
```
#4fc3fd
```
#4fc3fd rgb(79,195,253)
```
#68cbfe
```
#68cbfe rgb(104,203,254)
```
#82d4fe
```
#82d4fe rgb(130,212,254)
```

Monochromatic Color

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

#36ecfd
```
#36ecfd rgb(54,236,253)
```
#36dbfd
```
#36dbfd rgb(54,219,253)
```
#36cbfd
```
#36cbfd rgb(54,203,253)
```
#36bafd
```
#36bafd rgb(54,186,253)
```
#36a9fd
```
#36a9fd rgb(54,169,253)
```
#3699fd
```
#3699fd rgb(54,153,253)
```
#3688fd
```
#3688fd rgb(54,136,253)
```

Similar Colors

Text with hexadecimal color #36bafd

This text has a font color of #36bafd.

<span style="color:#36bafd;">Text here</span>

#36bafd background color

This paragraph has a background color of #36bafd.

<p style="background-color:#36bafd;">Content here</p>

#36bafd border color

This element has a border color of #36bafd.

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

CSS codes

.text {color:#36bafd;}

.background {background-color:#36bafd;}

.border {border:1px solid #36bafd;}

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

#00080d
```
#00080d rgb(0,8,13)
```
#001520
```
#001520 rgb(0,21,32)
```
#012233
```
#012233 rgb(1,34,51)
```
#012f47
```
#012f47 rgb(1,47,71)
```
#013c5a
```
#013c5a rgb(1,60,90)
```
#01496e
```
#01496e rgb(1,73,110)
```
#015681
```
#015681 rgb(1,86,129)
```
#016395
```
#016395 rgb(1,99,149)
```
#0270a8
```
#0270a8 rgb(2,112,168)
```
#027dbb
```
#027dbb rgb(2,125,187)
```
#028acf
```
#028acf rgb(2,138,207)
```
#0297e2
```
#0297e2 rgb(2,151,226)
```
#02a4f6
```
#02a4f6 rgb(2,164,246)
```

Shade Color Variation

#0fadfd
```
#0fadfd rgb(15,173,253)
```
#23b3fd
```
#23b3fd rgb(35,179,253)
```
#36bafd
```
#36bafd rgb(54,186,253)
```
#49c1fd
```
#49c1fd rgb(73,193,253)
```
#5dc7fd
```
#5dc7fd rgb(93,199,253)
```
#70cefe
```
#70cefe rgb(112,206,254)
```
#84d5fe
```
#84d5fe rgb(132,213,254)
```
#97dbfe
```
#97dbfe rgb(151,219,254)
```
#abe2fe
```
#abe2fe rgb(171,226,254)
```
#bee9fe
```
#bee9fe rgb(190,233,254)
```
#d1efff
```
#d1efff rgb(209,239,255)
```
#e5f6ff
```
#e5f6ff rgb(229,246,255)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949b9f is the less saturated color, while #36bafd is the most saturated one.

#949b9f
```
#949b9f rgb(148,155,159)
```
#8c9ea7
```
#8c9ea7 rgb(140,158,167)
```
#84a0af
```
#84a0af rgb(132,160,175)
```
#7ca3b7
```
#7ca3b7 rgb(124,163,183)
```
#74a6bf
```
#74a6bf rgb(116,166,191)
```
#6da8c6
```
#6da8c6 rgb(109,168,198)
```
#65abce
```
#65abce rgb(101,171,206)
```
#5dadd6
```
#5dadd6 rgb(93,173,214)
```
#55b0de
```
#55b0de rgb(85,176,222)
```
#4db2e6
```
#4db2e6 rgb(77,178,230)
```
#46b5ed
```
#46b5ed rgb(70,181,237)
```
#3eb7f5
```
#3eb7f5 rgb(62,183,245)
```
#36bafd
```
#36bafd rgb(54,186,253)
```

Tone Color Variation

Below, you can see how #36bafd 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

#9a9a9a Achromatopsia 0.005% of the population
#86a0ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#9db1f4 Protanopia 1% of men
#8fb2ff Deuteranopia 1% of men
#00c4d2 Tritanopia 0.001% of the population

Trichromacy

#77b4f7 Protanomaly 1% of men, 0.01% of women
#6eb5fe Deuteranomaly 6% of men, 0.4% of women
#13c0e2 Tritanomaly 0.01% of the population

#36bafd hex color

#36bafd Color Information

#36bafd Color Conversion

Color Schemes with #36bafd

Alternatives to #36bafd

#36bafd Preview

Shades and Tints of #36bafd

Tones of #36bafd

Color Blindness Simulator