#368afc hex color

In a RGB color space, hex #368afc is composed of 21.2% red, 54.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 45.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 214.5 degrees, a saturation of 97.1% and a lightness of 60%. #368afc color hex could be obtained by blending #6cffff with #0015f9. Closest websafe color is: #3399ff.

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

● #368afc color description : Bright blue.

The hexadecimal color #368afc has RGB values of R:54, G:138, B:252 and CMYK values of C:0.79, M:0.45, Y:0, K:0.01. Its decimal value is 3574524.

Hex triplet	368afc	`#368afc`
RGB Decimal	54, 138, 252	`rgb(54,138,252)`
RGB Percent	21.2, 54.1, 98.8	`rgb(21.2%,54.1%,98.8%)`
CMYK	79, 45, 0, 1
HSL	214.5°, 97.1, 60	`hsl(214.5,97.1%,60%)`
HSV (or HSB)	214.5°, 78.6, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.025, 14.317, -63.897
XYZ	28.177, 25.987, 95.621
xyY	0.188, 0.173, 25.987
CIE-LCH	58.025, 65.481, 282.63
CIE-LUV	58.025, -28.618, -102.975
Hunter-Lab	50.978, 9.45, -75.529
Binary	00110110, 10001010, 11111100

#368afc
```
#368afc rgb(54,138,252)
```
#fca836
```
#fca836 rgb(252,168,54)
```

Complementary Color

#36edfc
```
#36edfc rgb(54,237,252)
```
#368afc
```
#368afc rgb(54,138,252)
```
#4536fc
```
#4536fc rgb(69,54,252)
```

Analogous Color

#edfc36
```
#edfc36 rgb(237,252,54)
```
#368afc
```
#368afc rgb(54,138,252)
```
#fc4536
```
#fc4536 rgb(252,69,54)
```

Split Complementary Color

#8afc36
```
#8afc36 rgb(138,252,54)
```
#368afc
```
#368afc rgb(54,138,252)
```
#fc368a
```
#fc368a rgb(252,54,138)
```

Triadic Color

#36fca8
```
#36fca8 rgb(54,252,168)
```
#368afc
```
#368afc rgb(54,138,252)
```
#fc368a
```
#fc368a rgb(252,54,138)
```
#fca836
```
#fca836 rgb(252,168,54)
```

Tetradic Color

#0362e2
```
#0362e2 rgb(3,98,226)
```
#046dfb
```
#046dfb rgb(4,109,251)
```
#1d7bfc
```
#1d7bfc rgb(29,123,252)
```
#368afc
```
#368afc rgb(54,138,252)
```
#4f99fc
```
#4f99fc rgb(79,153,252)
```
#68a7fd
```
#68a7fd rgb(104,167,253)
```
#81b6fd
```
#81b6fd rgb(129,182,253)
```

Monochromatic Color

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

#36bcfc
```
#36bcfc rgb(54,188,252)
```
#36abfc
```
#36abfc rgb(54,171,252)
```
#369bfc
```
#369bfc rgb(54,155,252)
```
#368afc
```
#368afc rgb(54,138,252)
```
#367afc
```
#367afc rgb(54,122,252)
```
#3669fc
```
#3669fc rgb(54,105,252)
```
#3659fc
```
#3659fc rgb(54,89,252)
```

Similar Colors

Text with hexadecimal color #368afc

This text has a font color of #368afc.

<span style="color:#368afc;">Text here</span>

#368afc background color

This paragraph has a background color of #368afc.

<p style="background-color:#368afc;">Content here</p>

#368afc border color

This element has a border color of #368afc.

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

CSS codes

.text {color:#368afc;}

.background {background-color:#368afc;}

.border {border:1px solid #368afc;}

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, #00050c is the darkest color, while #f7fbff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#000d1f
```
#000d1f rgb(0,13,31)
```
#011632
```
#011632 rgb(1,22,50)
```
#011e46
```
#011e46 rgb(1,30,70)
```
#012659
```
#012659 rgb(1,38,89)
```
#022f6c
```
#022f6c rgb(2,47,108)
```
#023780
```
#023780 rgb(2,55,128)
```
#024093
```
#024093 rgb(2,64,147)
```
#0248a6
```
#0248a6 rgb(2,72,166)
```
#0350ba
```
#0350ba rgb(3,80,186)
```
#0359cd
```
#0359cd rgb(3,89,205)
```
#0361e0
```
#0361e0 rgb(3,97,224)
```
#0469f4
```
#0469f4 rgb(4,105,244)
```

Shade Color Variation

#0f74fb
```
#0f74fb rgb(15,116,251)
```
#237ffc
```
#237ffc rgb(35,127,252)
```
#368afc
```
#368afc rgb(54,138,252)
```
#4995fc
```
#4995fc rgb(73,149,252)
```
#5da1fd
```
#5da1fd rgb(93,161,253)
```
#70acfd
```
#70acfd rgb(112,172,253)
```
#83b7fd
```
#83b7fd rgb(131,183,253)
```
#97c2fd
```
#97c2fd rgb(151,194,253)
```
#aacefe
```
#aacefe rgb(170,206,254)
```
#bdd9fe
```
#bdd9fe rgb(189,217,254)
```
#d1e4fe
```
#d1e4fe rgb(209,228,254)
```
#e4efff
```
#e4efff rgb(228,239,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94989e is the less saturated color, while #368afc is the most saturated one.

#94989e
```
#94989e rgb(148,152,158)
```
#8c97a6
```
#8c97a6 rgb(140,151,166)
```
#8496ae
```
#8496ae rgb(132,150,174)
```
#7d95b5
```
#7d95b5 rgb(125,149,181)
```
#7594bd
```
#7594bd rgb(117,148,189)
```
#6d92c5
```
#6d92c5 rgb(109,146,197)
```
#6591cd
```
#6591cd rgb(101,145,205)
```
#5d90d5
```
#5d90d5 rgb(93,144,213)
```
#558fdd
```
#558fdd rgb(85,143,221)
```
#4e8ee4
```
#4e8ee4 rgb(78,142,228)
```
#468cec
```
#468cec rgb(70,140,236)
```
#3e8bf4
```
#3e8bf4 rgb(62,139,244)
```
#368afc
```
#368afc rgb(54,138,252)
```

Tone Color Variation

Below, you can see how #368afc 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

#7e7e7e Achromatopsia 0.005% of the population
#708097 Atypical Achromatopsia 0.001% of the population

Dichromacy

#568dfa Protanopia 1% of men
#0093f6 Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#4a8cfa Protanomaly 1% of men, 0.01% of women
#1390f8 Deuteranomaly 6% of men, 0.4% of women
#1397c7 Tritanomaly 0.01% of the population

#368afc hex color

#368afc Color Information

#368afc Color Conversion

Color Schemes with #368afc

Alternatives to #368afc

#368afc Preview

Shades and Tints of #368afc

Tones of #368afc

Color Blindness Simulator