#1f02b4 hex color

In a RGB color space, hex #1f02b4 is composed of 12.2% red, 0.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 98.9% magenta, 0% yellow and 29.4% black. It has a hue angle of 249.8 degrees, a saturation of 97.8% and a lightness of 35.7%. #1f02b4 color hex could be obtained by blending #3e04ff with #000069. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 12
- G 1
- B 71
RGB color chart
- C 83
- M 99
- Y 0
- K 29
CMYK color chart

● #1f02b4 color description : Strong blue.

The hexadecimal color #1f02b4 has RGB values of R:31, G:2, B:180 and CMYK values of C:0.83, M:0.99, Y:0, K:0.29. Its decimal value is 2032308.

Hex triplet	1f02b4	`#1f02b4`
RGB Decimal	31, 2, 180	`rgb(31,2,180)`
RGB Percent	12.2, 0.8, 70.6	`rgb(12.2%,0.8%,70.6%)`
CMYK	83, 99, 0, 29
HSL	249.8°, 97.8, 35.7	`hsl(249.8,97.8%,35.7%)`
HSV (or HSB)	249.8°, 98.9, 70.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	22.406, 60.851, -80.985
XYZ	8.823, 3.629, 43.413
xyY	0.158, 0.065, 3.629
CIE-LCH	22.406, 101.299, 306.921
CIE-LUV	22.406, -4.5, -87.248
Hunter-Lab	19.051, 49.332, -121.773
Binary	00011111, 00000010, 10110100

#1f02b4
```
#1f02b4 rgb(31,2,180)
```
#97b402
```
#97b402 rgb(151,180,2)
```

Complementary Color

#023eb4
```
#023eb4 rgb(2,62,180)
```
#1f02b4
```
#1f02b4 rgb(31,2,180)
```
#7802b4
```
#7802b4 rgb(120,2,180)
```

Analogous Color

#3eb402
```
#3eb402 rgb(62,180,2)
```
#1f02b4
```
#1f02b4 rgb(31,2,180)
```
#b47802
```
#b47802 rgb(180,120,2)
```

Split Complementary Color

#02b41f
```
#02b41f rgb(2,180,31)
```
#1f02b4
```
#1f02b4 rgb(31,2,180)
```
#b41f02
```
#b41f02 rgb(180,31,2)
```

Triadic Color

#0297b4
```
#0297b4 rgb(2,151,180)
```
#1f02b4
```
#1f02b4 rgb(31,2,180)
```
#b41f02
```
#b41f02 rgb(180,31,2)
```
#97b402
```
#97b402 rgb(151,180,2)
```

Tetradic Color

#120168
```
#120168 rgb(18,1,104)
```
#160182
```
#160182 rgb(22,1,130)
```
#1b029b
```
#1b029b rgb(27,2,155)
```
#1f02b4
```
#1f02b4 rgb(31,2,180)
```
#2302cd
```
#2302cd rgb(35,2,205)
```
#2803e6
```
#2803e6 rgb(40,3,230)
```
#2e06fc
```
#2e06fc rgb(46,6,252)
```

Monochromatic Color

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

#0211b4
```
#0211b4 rgb(2,17,180)
```
#0203b4
```
#0203b4 rgb(2,3,180)
```
#1002b4
```
#1002b4 rgb(16,2,180)
```
#1f02b4
```
#1f02b4 rgb(31,2,180)
```
#2e02b4
```
#2e02b4 rgb(46,2,180)
```
#3d02b4
```
#3d02b4 rgb(61,2,180)
```
#4c02b4
```
#4c02b4 rgb(76,2,180)
```

Similar Colors

Text with hexadecimal color #1f02b4

This text has a font color of #1f02b4.

<span style="color:#1f02b4;">Text here</span>

#1f02b4 background color

This paragraph has a background color of #1f02b4.

<p style="background-color:#1f02b4;">Content here</p>

#1f02b4 border color

This element has a border color of #1f02b4.

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

CSS codes

.text {color:#1f02b4;}

.background {background-color:#1f02b4;}

.border {border:1px solid #1f02b4;}

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

#010005
```
#010005 rgb(1,0,5)
```
#040019
```
#040019 rgb(4,0,25)
```
#08002c
```
#08002c rgb(8,0,44)
```
#0b0140
```
#0b0140 rgb(11,1,64)
```
#0e0153
```
#0e0153 rgb(14,1,83)
```
#120166
```
#120166 rgb(18,1,102)
```
#15017a
```
#15017a rgb(21,1,122)
```
#18028d
```
#18028d rgb(24,2,141)
```
#1c02a1
```
#1c02a1 rgb(28,2,161)
```
#1f02b4
```
#1f02b4 rgb(31,2,180)
```
#2202c7
```
#2202c7 rgb(34,2,199)
```
#2602db
```
#2602db rgb(38,2,219)
```
#2903ee
```
#2903ee rgb(41,3,238)
```

Shade Color Variation

#3008fc
```
#3008fc rgb(48,8,252)
```
#401cfc
```
#401cfc rgb(64,28,252)
```
#512ffd
```
#512ffd rgb(81,47,253)
```
#6142fd
```
#6142fd rgb(97,66,253)
```
#7156fd
```
#7156fd rgb(113,86,253)
```
#8169fd
```
#8169fd rgb(129,105,253)
```
#927dfe
```
#927dfe rgb(146,125,254)
```
#a290fe
```
#a290fe rgb(162,144,254)
```
#b2a3fe
```
#b2a3fe rgb(178,163,254)
```
#c2b7fe
```
#c2b7fe rgb(194,183,254)
```
#d3cafe
```
#d3cafe rgb(211,202,254)
```
#e3deff
```
#e3deff rgb(227,222,255)
```
#f3f1ff
```
#f3f1ff rgb(243,241,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585660 is the less saturated color, while #1f02b4 is the most saturated one.

#585660
```
#585660 rgb(88,86,96)
```
#534f67
```
#534f67 rgb(83,79,103)
```
#4e486e
```
#4e486e rgb(78,72,110)
```
#494175
```
#494175 rgb(73,65,117)
```
#453a7c
```
#453a7c rgb(69,58,124)
```
#403383
```
#403383 rgb(64,51,131)
```
#3b2c8a
```
#3b2c8a rgb(59,44,138)
```
#372591
```
#372591 rgb(55,37,145)
```
#321e98
```
#321e98 rgb(50,30,152)
```
#2d179f
```
#2d179f rgb(45,23,159)
```
#2810a6
```
#2810a6 rgb(40,16,166)
```
#2409ad
```
#2409ad rgb(36,9,173)
```
#1f02b4
```
#1f02b4 rgb(31,2,180)
```

Tone Color Variation

Below, you can see how #1f02b4 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

#1f1f1f Achromatopsia 0.005% of the population
#1f193d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e78 Protanopia 1% of men
#004267 Deuteranopia 1% of men
#004649 Tritanopia 0.001% of the population

Trichromacy

#0b288e Protanomaly 1% of men, 0.01% of women
#0b2a83 Deuteranomaly 6% of men, 0.4% of women
#0b2d70 Tritanomaly 0.01% of the population

#1f02b4 hex color

#1f02b4 Color Information

#1f02b4 Color Conversion

Color Schemes with #1f02b4

Alternatives to #1f02b4

#1f02b4 Preview

Shades and Tints of #1f02b4

Tones of #1f02b4

Color Blindness Simulator