#1227f3 hex color

In a RGB color space, hex #1227f3 is composed of 7.1% red, 15.3% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 84% magenta, 0% yellow and 4.7% black. It has a hue angle of 234.4 degrees, a saturation of 90.4% and a lightness of 51.2%. #1227f3 color hex could be obtained by blending #244eff with #0000e7. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 7
- G 15
- B 95
RGB color chart
- C 93
- M 84
- Y 0
- K 5
CMYK color chart

● #1227f3 color description : Vivid blue.

The hexadecimal color #1227f3 has RGB values of R:18, G:39, B:243 and CMYK values of C:0.93, M:0.84, Y:0, K:0.05. Its decimal value is 1189875.

Hex triplet	1227f3	`#1227f3`
RGB Decimal	18, 39, 243	`rgb(18,39,243)`
RGB Percent	7.1, 15.3, 95.3	`rgb(7.1%,15.3%,95.3%)`
CMYK	93, 84, 0, 5
HSL	234.4°, 90.4, 51.2	`hsl(234.4,90.4%,51.2%)`
HSV (or HSB)	234.4°, 92.6, 95.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.085, 66.65, -98.117
XYZ	17.149, 8.049, 85.439
xyY	0.155, 0.073, 8.049
CIE-LCH	34.085, 118.613, 304.188
CIE-LUV	34.085, -10.557, -126.093
Hunter-Lab	28.371, 58.246, -158.689
Binary	00010010, 00100111, 11110011

#1227f3
```
#1227f3 rgb(18,39,243)
```
#f3de12
```
#f3de12 rgb(243,222,18)
```

Complementary Color

#1298f3
```
#1298f3 rgb(18,152,243)
```
#1227f3
```
#1227f3 rgb(18,39,243)
```
#6e12f3
```
#6e12f3 rgb(110,18,243)
```

Analogous Color

#98f312
```
#98f312 rgb(152,243,18)
```
#1227f3
```
#1227f3 rgb(18,39,243)
```
#f36e12
```
#f36e12 rgb(243,110,18)
```

Split Complementary Color

#27f312
```
#27f312 rgb(39,243,18)
```
#1227f3
```
#1227f3 rgb(18,39,243)
```
#f31227
```
#f31227 rgb(243,18,39)
```

Triadic Color

#12f3de
```
#12f3de rgb(18,243,222)
```
#1227f3
```
#1227f3 rgb(18,39,243)
```
#f31227
```
#f31227 rgb(243,18,39)
```
#f3de12
```
#f3de12 rgb(243,222,18)
```

Tetradic Color

#0918b0
```
#0918b0 rgb(9,24,176)
```
#0a1cc8
```
#0a1cc8 rgb(10,28,200)
```
#0b1fe0
```
#0b1fe0 rgb(11,31,224)
```
#1227f3
```
#1227f3 rgb(18,39,243)
```
#2a3df4
```
#2a3df4 rgb(42,61,244)
```
#4353f5
```
#4353f5 rgb(67,83,245)
```
#5b69f7
```
#5b69f7 rgb(91,105,247)
```

Monochromatic Color

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

#125ff3
```
#125ff3 rgb(18,95,243)
```
#124df3
```
#124df3 rgb(18,77,243)
```
#123af3
```
#123af3 rgb(18,58,243)
```
#1227f3
```
#1227f3 rgb(18,39,243)
```
#1214f3
```
#1214f3 rgb(18,20,243)
```
#2212f3
```
#2212f3 rgb(34,18,243)
```
#3512f3
```
#3512f3 rgb(53,18,243)
```

Similar Colors

Text with hexadecimal color #1227f3

This text has a font color of #1227f3.

<span style="color:#1227f3;">Text here</span>

#1227f3 background color

This paragraph has a background color of #1227f3.

<p style="background-color:#1227f3;">Content here</p>

#1227f3 border color

This element has a border color of #1227f3.

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

CSS codes

.text {color:#1227f3;}

.background {background-color:#1227f3;}

.border {border:1px solid #1227f3;}

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

#000106
```
#000106 rgb(0,1,6)
```
#010318
```
#010318 rgb(1,3,24)
```
#02062b
```
#02062b rgb(2,6,43)
```
#03093e
```
#03093e rgb(3,9,62)
```
#040b50
```
#040b50 rgb(4,11,80)
```
#050e63
```
#050e63 rgb(5,14,99)
```
#061076
```
#061076 rgb(6,16,118)
```
#071388
```
#071388 rgb(7,19,136)
```
#08169b
```
#08169b rgb(8,22,155)
```
#0918ae
```
#0918ae rgb(9,24,174)
```
#0a1bc0
```
#0a1bc0 rgb(10,27,192)
```
#0b1dd3
```
#0b1dd3 rgb(11,29,211)
```
#0c20e6
```
#0c20e6 rgb(12,32,230)
```

Shade Color Variation

#1227f3
```
#1227f3 rgb(18,39,243)
```
#2538f4
```
#2538f4 rgb(37,56,244)
```
#3749f5
```
#3749f5 rgb(55,73,245)
```
#4a5af6
```
#4a5af6 rgb(74,90,246)
```
#5d6bf7
```
#5d6bf7 rgb(93,107,247)
```
#6f7cf8
```
#6f7cf8 rgb(111,124,248)
```
#828df9
```
#828df9 rgb(130,141,249)
```
#959efa
```
#959efa rgb(149,158,250)
```
#a7affb
```
#a7affb rgb(167,175,251)
```
#bac0fc
```
#bac0fc rgb(186,192,252)
```
#cdd1fc
```
#cdd1fc rgb(205,209,252)
```
#dfe2fd
```
#dfe2fd rgb(223,226,253)
```
#f2f3fe
```
#f2f3fe rgb(242,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b7d8a is the less saturated color, while #081ffd is the most saturated one.

#7b7d8a
```
#7b7d8a rgb(123,125,138)
```
#727593
```
#727593 rgb(114,117,147)
```
#686d9d
```
#686d9d rgb(104,109,157)
```
#5f65a6
```
#5f65a6 rgb(95,101,166)
```
#555eb0
```
#555eb0 rgb(85,94,176)
```
#4b56ba
```
#4b56ba rgb(75,86,186)
```
#424ec3
```
#424ec3 rgb(66,78,195)
```
#3846cd
```
#3846cd rgb(56,70,205)
```
#2f3ed6
```
#2f3ed6 rgb(47,62,214)
```
#2537e0
```
#2537e0 rgb(37,55,224)
```
#1c2fe9
```
#1c2fe9 rgb(28,47,233)
```
#1227f3
```
#1227f3 rgb(18,39,243)
```
#081ffd
```
#081ffd rgb(8,31,253)
```

Tone Color Variation

Below, you can see how #1227f3 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

#383838 Achromatopsia 0.005% of the population
#30355d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#0645c3 Protanomaly 1% of men, 0.01% of women
#0648b4 Deuteranomaly 6% of men, 0.4% of women
#064c99 Tritanomaly 0.01% of the population

#1227f3 hex color

#1227f3 Color Information

#1227f3 Color Conversion

Color Schemes with #1227f3

Alternatives to #1227f3

#1227f3 Preview

Shades and Tints of #1227f3

Tones of #1227f3

Color Blindness Simulator