#1254f3 hex color

In a RGB color space, hex #1254f3 is composed of 7.1% red, 32.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 92.6% cyan, 65.4% magenta, 0% yellow and 4.7% black. It has a hue angle of 222.4 degrees, a saturation of 90.4% and a lightness of 51.2%. #1254f3 color hex could be obtained by blending #24a8ff with #0000e7. Closest websafe color is: #0066ff.

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

● #1254f3 color description : Vivid blue.

The hexadecimal color #1254f3 has RGB values of R:18, G:84, B:243 and CMYK values of C:0.93, M:0.65, Y:0, K:0.05. Its decimal value is 1201395.

Hex triplet	1254f3	`#1254f3`
RGB Decimal	18, 84, 243	`rgb(18,84,243)`
RGB Percent	7.1, 32.9, 95.3	`rgb(7.1%,32.9%,95.3%)`
CMYK	93, 65, 0, 5
HSL	222.4°, 90.4, 51.2	`hsl(222.4,90.4%,51.2%)`
HSV (or HSB)	222.4°, 92.6, 95.3
Web Safe	0066ff	`#0066ff`

CIE-LAB	42.671, 42.478, -83.899
XYZ	19.594, 12.939, 86.254
xyY	0.165, 0.109, 12.939
CIE-LCH	42.671, 94.04, 296.853
CIE-LUV	42.671, -17.719, -123.065
Hunter-Lab	35.97, 34.286, -116.993
Binary	00010010, 01010100, 11110011

#1254f3
```
#1254f3 rgb(18,84,243)
```
#f3b112
```
#f3b112 rgb(243,177,18)
```

Complementary Color

#12c5f3
```
#12c5f3 rgb(18,197,243)
```
#1254f3
```
#1254f3 rgb(18,84,243)
```
#4012f3
```
#4012f3 rgb(64,18,243)
```

Analogous Color

#c5f312
```
#c5f312 rgb(197,243,18)
```
#1254f3
```
#1254f3 rgb(18,84,243)
```
#f34012
```
#f34012 rgb(243,64,18)
```

Split Complementary Color

#54f312
```
#54f312 rgb(84,243,18)
```
#1254f3
```
#1254f3 rgb(18,84,243)
```
#f31254
```
#f31254 rgb(243,18,84)
```

Triadic Color

#12f3b1
```
#12f3b1 rgb(18,243,177)
```
#1254f3
```
#1254f3 rgb(18,84,243)
```
#f31254
```
#f31254 rgb(243,18,84)
```
#f3b112
```
#f3b112 rgb(243,177,18)
```

Tetradic Color

#093ab0
```
#093ab0 rgb(9,58,176)
```
#0a42c8
```
#0a42c8 rgb(10,66,200)
```
#0b4ae0
```
#0b4ae0 rgb(11,74,224)
```
#1254f3
```
#1254f3 rgb(18,84,243)
```
#2a66f4
```
#2a66f4 rgb(42,102,244)
```
#4377f5
```
#4377f5 rgb(67,119,245)
```
#5b89f7
```
#5b89f7 rgb(91,137,247)
```

Monochromatic Color

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

#128cf3
```
#128cf3 rgb(18,140,243)
```
#127af3
```
#127af3 rgb(18,122,243)
```
#1267f3
```
#1267f3 rgb(18,103,243)
```
#1254f3
```
#1254f3 rgb(18,84,243)
```
#1241f3
```
#1241f3 rgb(18,65,243)
```
#122ff3
```
#122ff3 rgb(18,47,243)
```
#121cf3
```
#121cf3 rgb(18,28,243)
```

Similar Colors

Text with hexadecimal color #1254f3

This text has a font color of #1254f3.

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

#1254f3 background color

This paragraph has a background color of #1254f3.

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

#1254f3 border color

This element has a border color of #1254f3.

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

CSS codes

.text {color:#1254f3;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#010818
```
#010818 rgb(1,8,24)
```
#020e2b
```
#020e2b rgb(2,14,43)
```
#03143e
```
#03143e rgb(3,20,62)
```
#041a50
```
#041a50 rgb(4,26,80)
```
#052163
```
#052163 rgb(5,33,99)
```
#062776
```
#062776 rgb(6,39,118)
```
#072d88
```
#072d88 rgb(7,45,136)
```
#08339b
```
#08339b rgb(8,51,155)
```
#0939ae
```
#0939ae rgb(9,57,174)
```
#0a3fc0
```
#0a3fc0 rgb(10,63,192)
```
#0b45d3
```
#0b45d3 rgb(11,69,211)
```
#0c4ce6
```
#0c4ce6 rgb(12,76,230)
```

Shade Color Variation

#1254f3
```
#1254f3 rgb(18,84,243)
```
#2561f4
```
#2561f4 rgb(37,97,244)
```
#376ff5
```
#376ff5 rgb(55,111,245)
```
#4a7cf6
```
#4a7cf6 rgb(74,124,246)
```
#5d8af7
```
#5d8af7 rgb(93,138,247)
```
#6f97f8
```
#6f97f8 rgb(111,151,248)
```
#82a5f9
```
#82a5f9 rgb(130,165,249)
```
#95b2fa
```
#95b2fa rgb(149,178,250)
```
#a7c0fb
```
#a7c0fb rgb(167,192,251)
```
#bacdfc
```
#bacdfc rgb(186,205,252)
```
#cddbfc
```
#cddbfc rgb(205,219,252)
```
#dfe8fd
```
#dfe8fd rgb(223,232,253)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

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

#7b808a
```
#7b808a rgb(123,128,138)
```
#727c93
```
#727c93 rgb(114,124,147)
```
#68789d
```
#68789d rgb(104,120,157)
```
#5f74a6
```
#5f74a6 rgb(95,116,166)
```
#5570b0
```
#5570b0 rgb(85,112,176)
```
#4b6cba
```
#4b6cba rgb(75,108,186)
```
#4268c3
```
#4268c3 rgb(66,104,195)
```
#3864cd
```
#3864cd rgb(56,100,205)
```
#2f60d6
```
#2f60d6 rgb(47,96,214)
```
#255ce0
```
#255ce0 rgb(37,92,224)
```
#1c58e9
```
#1c58e9 rgb(28,88,233)
```
#1254f3
```
#1254f3 rgb(18,84,243)
```
#0850fd
```
#0850fd rgb(8,80,253)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#455272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0661db Protanomaly 1% of men, 0.01% of women
#0665ca Deuteranomaly 6% of men, 0.4% of women
#066aa8 Tritanomaly 0.01% of the population

#1254f3 hex color

#1254f3 Color Information

#1254f3 Color Conversion

Color Schemes with #1254f3

Alternatives to #1254f3

#1254f3 Preview

Shades and Tints of #1254f3

Tones of #1254f3

Color Blindness Simulator