Html Css Color HEX #305CF4 Royal Blue

📋 copy color: '#305CF4'

red 48 ◦ green 92 ◦ blue 244

#305CF4
Download Color Icon.PNG:
16x16 32x32 64x64 128x128 256x256

Shades of Royal Blue #305CF4

#305CF4
#264AC3
#1E3B9C
#182F7D
#132664
#0F1E50
#0C1840
#0A1333
#080F29
#060C21
#050A1A
#040815
Black

Tints of Royal Blue #305CF4

#305CF4
#597DF6
#7A97F8
#95ACF9
#AABDFA
#BBCAFB
#C9D5FC
#D4DDFD
#DDE4FD
#E4E9FD
#E9EDFD
#EDF1FD
White

RGB

 RED value IS 48 (19.14% from 255) = 12.5%

 GREEN value IS 92 (36.33% from 255) = 23.96%

 BLUE value IS 244 (95.7% from 255) = 63.54%

R = 12.5%
G = 23.96%
B = 63.54%

CMYK

 C value IS 0.80

 M value IS 0.62

 Y value IS 0

 K value IS 0.04

RGB Variations

RGB:
#305CF4
RBG:
#30F45C
GRB:
#5C30F4
GBR:
#5CF430
BRG:
#F430F4
BGR:
#F45C30

Color information

#305CF4 (or 0x305CF4) is known color: Royal Blue. HEX triplet: 30, 5C and F4. RGB value is (48,92,244). Sum of RGB (Red+Green+Blue) = 48+92+244=384 (50% of max value = 765). Red value is 48 (19.14% from 255 or 12.5% from 384); Green value is 92 (36.33% from 255 or 23.96% from 384); Blue value is 244 (95.70% from 255 or 63.54% from 384); Max value from RGB is 244 - color contains mainly: blue. Hex color #305CF4 is not a web safe color. Web safe color analog (approx): #3366FF. Inversed color of #305CF4 is #CFA30B. Grayscale: #5F5F5F. Windows color (decimal): -13607692 or 16014384. OLE color: 16014384.

HSL color Cylindrical-coordinate representation of color #305CF4: hue angle of 226.53º degrees, saturation: 0.9, lightness: 0.57%. HSV value (or HSB Brightness) of color is 0.96% and HSV saturation: 0.8%. Process color model (Four color, CMYK) of #305CF4 is Cyan = 0.80, Magento = 0.62, Yellow = 0 and Black (K on CMYK) = 0.04.

Color convert

RGB 48 92 244 -
CMYK 0.80 0.62 0 0.04
HSL 226.53º 0.9% 0.57% -
HSV(B) 226.53º 0.8% 0.96% -
XYZ 21.38 14.81 87.32 -
YUV 96.17 211.42 93.64 -
System Red Green Blue C M Y K H S L
Decimal 48 92 244 0.80 0.62 0 0.04 226.53 0.9 0.57
Hex 30 5C F4 50 3E 0 4 E3 5A 39
Octal 60 134 364 120 76 0 4 343 132 71
Binary 110000 1011100 11110100 1010000 111110 0 100 11100011 1011010 111001

Color Harmonies of #305CF4

Triadic Colors

#F4305C
#5CF430

Analogous colors

#6630F4
#30BEF4

Split complements colors

#F46630
#BEF430

Complementary color

#F4C830

Monochromatic Colors of #305CF4

#CBD6FC
#98AEFA
#7282BB
#2445B7
#182E7A
#12225B

Black with #305CF4

Text Example


Text Example

White with #305CF4

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #305CF4; }

 p { color: rgb(48,92,244); }

 H1.HeaderClassName
 {
   color: #305CF4;
 }
 .AnyTagClassName
 {
   color: #305CF4;
 }
</style>

background-color css

<style>
 a { background-color: #305CF4; }

 a { background-color: rgb(48,92,244); }

 div.DivClassName
 {
   background-color: #305CF4;
 }
 .BgClassName
 {
   background-color: #305CF4;
 }
</style>

border-color css

<style>
 span { border-color: #305CF4; }

 span { border-color: rgb(48,92,244); }

 td.TdClassName
 {
   border-color: #305CF4;
 }
 .TagClassName
 {
   border-color: #305CF4;
 }
</style>