#300ccb hex color

In a RGB color space, hex #300ccb is composed of 18.8% red, 4.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 94.1% magenta, 0% yellow and 20.4% black. It has a hue angle of 251.3 degrees, a saturation of 88.8% and a lightness of 42.2%. #300ccb color hex could be obtained by blending #6018ff with #000097. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 19
- G 5
- B 80
RGB color chart
- C 76
- M 94
- Y 0
- K 20
CMYK color chart

● #300ccb color description : Strong blue.

The hexadecimal color #300ccb has RGB values of R:48, G:12, B:203 and CMYK values of C:0.76, M:0.94, Y:0, K:0.2. Its decimal value is 3149003.

Hex triplet	300ccb	`#300ccb`
RGB Decimal	48, 12, 203	`rgb(48,12,203)`
RGB Percent	18.8, 4.7, 79.6	`rgb(18.8%,4.7%,79.6%)`
CMYK	76, 94, 0, 20
HSL	251.3°, 88.8, 42.2	`hsl(251.3,88.8%,42.2%)`
HSV (or HSB)	251.3°, 94.1, 79.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	27.304, 65.066, -86.397
XYZ	12.128, 5.202, 56.862
xyY	0.163, 0.07, 5.202
CIE-LCH	27.304, 108.157, 306.984
CIE-LUV	27.304, -4.186, -102.499
Hunter-Lab	22.809, 54.996, -131.842
Binary	00110000, 00001100, 11001011

#300ccb
```
#300ccb rgb(48,12,203)
```
#a7cb0c
```
#a7cb0c rgb(167,203,12)
```

Complementary Color

#0c48cb
```
#0c48cb rgb(12,72,203)
```
#300ccb
```
#300ccb rgb(48,12,203)
```
#900ccb
```
#900ccb rgb(144,12,203)
```

Analogous Color

#48cb0c
```
#48cb0c rgb(72,203,12)
```
#300ccb
```
#300ccb rgb(48,12,203)
```
#cb900c
```
#cb900c rgb(203,144,12)
```

Split Complementary Color

#0ccb30
```
#0ccb30 rgb(12,203,48)
```
#300ccb
```
#300ccb rgb(48,12,203)
```
#cb300c
```
#cb300c rgb(203,48,12)
```

Triadic Color

#0ca7cb
```
#0ca7cb rgb(12,167,203)
```
#300ccb
```
#300ccb rgb(48,12,203)
```
#cb300c
```
#cb300c rgb(203,48,12)
```
#a7cb0c
```
#a7cb0c rgb(167,203,12)
```

Tetradic Color

#1f0883
```
#1f0883 rgb(31,8,131)
```
#25099b
```
#25099b rgb(37,9,155)
```
#2a0bb3
```
#2a0bb3 rgb(42,11,179)
```
#300ccb
```
#300ccb rgb(48,12,203)
```
#360de3
```
#360de3 rgb(54,13,227)
```
#4119f1
```
#4119f1 rgb(65,25,241)
```
#5531f3
```
#5531f3 rgb(85,49,243)
```

Monochromatic Color

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

#0c18cb
```
#0c18cb rgb(12,24,203)
```
#100ccb
```
#100ccb rgb(16,12,203)
```
#200ccb
```
#200ccb rgb(32,12,203)
```
#300ccb
```
#300ccb rgb(48,12,203)
```
#400ccb
```
#400ccb rgb(64,12,203)
```
#500ccb
```
#500ccb rgb(80,12,203)
```
#600ccb
```
#600ccb rgb(96,12,203)
```

Similar Colors

Text with hexadecimal color #300ccb

This text has a font color of #300ccb.

<span style="color:#300ccb;">Text here</span>

#300ccb background color

This paragraph has a background color of #300ccb.

<p style="background-color:#300ccb;">Content here</p>

#300ccb border color

This element has a border color of #300ccb.

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

CSS codes

.text {color:#300ccb;}

.background {background-color:#300ccb;}

.border {border:1px solid #300ccb;}

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

#040112
```
#040112 rgb(4,1,18)
```
#090224
```
#090224 rgb(9,2,36)
```
#0d0337
```
#0d0337 rgb(13,3,55)
```
#110449
```
#110449 rgb(17,4,73)
```
#16055c
```
#16055c rgb(22,5,92)
```
#1a076e
```
#1a076e rgb(26,7,110)
```
#1e0881
```
#1e0881 rgb(30,8,129)
```
#230993
```
#230993 rgb(35,9,147)
```
#270aa6
```
#270aa6 rgb(39,10,166)
```
#2c0bb8
```
#2c0bb8 rgb(44,11,184)
```
#300ccb
```
#300ccb rgb(48,12,203)
```
#340dde
```
#340dde rgb(52,13,222)
```
#390ef0
```
#390ef0 rgb(57,14,240)
```

Shade Color Variation

#4820f2
```
#4820f2 rgb(72,32,242)
```
#5733f3
```
#5733f3 rgb(87,51,243)
```
#6645f4
```
#6645f4 rgb(102,69,244)
```
#7558f5
```
#7558f5 rgb(117,88,245)
```
#856af6
```
#856af6 rgb(133,106,246)
```
#947df7
```
#947df7 rgb(148,125,247)
```
#a38ff8
```
#a38ff8 rgb(163,143,248)
```
#b2a2f9
```
#b2a2f9 rgb(178,162,249)
```
#c1b4fb
```
#c1b4fb rgb(193,180,251)
```
#d1c7fc
```
#d1c7fc rgb(209,199,252)
```
#e0d9fd
```
#e0d9fd rgb(224,217,253)
```
#efecfe
```
#efecfe rgb(239,236,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#696770
```
#696770 rgb(105,103,112)
```
#645f78
```
#645f78 rgb(100,95,120)
```
#5e5681
```
#5e5681 rgb(94,86,129)
```
#594e89
```
#594e89 rgb(89,78,137)
```
#544691
```
#544691 rgb(84,70,145)
```
#4f3e99
```
#4f3e99 rgb(79,62,153)
```
#4a35a2
```
#4a35a2 rgb(74,53,162)
```
#452daa
```
#452daa rgb(69,45,170)
```
#3f25b2
```
#3f25b2 rgb(63,37,178)
```
#3a1dba
```
#3a1dba rgb(58,29,186)
```
#3514c3
```
#3514c3 rgb(53,20,195)
```
#300ccb
```
#300ccb rgb(48,12,203)
```
#2b04d3
```
#2b04d3 rgb(43,4,211)
```

Tone Color Variation

Below, you can see how #300ccb 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

#2d2d2d Achromatopsia 0.005% of the population
#2e264d Atypical Achromatopsia 0.001% of the population

Dichromacy

#00488c Protanopia 1% of men
#004c78 Deuteranopia 1% of men
#005155 Tritanopia 0.001% of the population

Trichromacy

#1132a3 Protanomaly 1% of men, 0.01% of women
#113596 Deuteranomaly 6% of men, 0.4% of women
#113880 Tritanomaly 0.01% of the population

#300ccb hex color

#300ccb Color Information

#300ccb Color Conversion

Color Schemes with #300ccb

Alternatives to #300ccb

#300ccb Preview

Shades and Tints of #300ccb

Tones of #300ccb

Color Blindness Simulator