Html Css Color HEX #BAC4E0 Periwinkle

📋 copy color: '#BAC4E0'

red 186 ◦ green 196 ◦ blue 224

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

Shades of Periwinkle #BAC4E0

#BAC4E0
#959DB3
#777E8F
#5F6572
#4C515B
#3D4149
#31343A
#272A2E
#1F2225
#191B1E
#141618
#101213
Black

Tints of Periwinkle #BAC4E0

#BAC4E0
#C8D0E6
#D3D9EB
#DCE1EF
#E3E7F2
#E9ECF5
#EDF0F7
#F1F3F9
#F4F5FA
#F6F7FB
#F8F9FC
#F9FAFD
White

RGB

 RED value IS 186 (73.05% from 255) = 30.69%

 GREEN value IS 196 (76.95% from 255) = 32.34%

 BLUE value IS 224 (87.89% from 255) = 36.96%

R = 30.69%
G = 32.34%
B = 36.96%

CMYK

 C value IS 0.17

 M value IS 0.12

 Y value IS 0

 K value IS 0.12

RGB Variations

RGB:
#BAC4E0
RBG:
#BAE0C4
GRB:
#C4BAE0
GBR:
#C4E0BA
BRG:
#E0BAE0
BGR:
#E0C4BA

Color information

#BAC4E0 (or 0xBAC4E0) is known color: Periwinkle. HEX triplet: BA, C4 and E0. RGB value is (186,196,224). Sum of RGB (Red+Green+Blue) = 186+196+224=606 (80% of max value = 765). Red value is 186 (73.05% from 255 or 30.69% from 606); Green value is 196 (76.95% from 255 or 32.34% from 606); Blue value is 224 (87.89% from 255 or 36.96% from 606); Max value from RGB is 224 - color contains mainly: blue. Hex color #BAC4E0 is not a web safe color. Web safe color analog (approx): #CCCCCC. Inversed color of #BAC4E0 is #453B1F. Grayscale: #C4C4C4. Windows color (decimal): -4537120 or 14730426. OLE color: 14730426.

HSL color Cylindrical-coordinate representation of color #BAC4E0: hue angle of 224.21º degrees, saturation: 0.38, lightness: 0.8%. HSV value (or HSB Brightness) of color is 0.88% and HSV saturation: 0.17%. Process color model (Four color, CMYK) of #BAC4E0 is Cyan = 0.17, Magento = 0.12, Yellow = 0 and Black (K on CMYK) = 0.12.

Color convert

RGB 186 196 224 -
CMYK 0.17 0.12 0 0.12
HSL 224.21º 0.38% 0.8% -
HSV(B) 224.21º 0.17% 0.88% -
XYZ 53.44 55.3 78.38 -
YUV 196.2 143.69 120.72 -
System Red Green Blue C M Y K H S L
Decimal 186 196 224 0.17 0.12 0 0.12 224.21 0.38 0.8
Hex BA C4 E0 11 C 0 C E0 26 50
Octal 272 304 340 21 14 0 14 340 46 120
Binary 10111010 11000100 11100000 10001 1100 0 1100 11100000 100110 1010000

Color Harmonies of #BAC4E0

Triadic Colors

#E0BAC4
#C4E0BA

Analogous colors

#C3BAE0
#BAD7E0

Split complements colors

#E0C3BA
#D7E0BA

Complementary color

#E0D6BA

Monochromatic Colors of #BAC4E0

#EDF0F7
#DDE2F0
#A5A9B4
#8B93A8
#5D6270
#454954

Black with #BAC4E0

Text Example


Text Example

White with #BAC4E0

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #BAC4E0; }

 p { color: rgb(186,196,224); }

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

background-color css

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

 a { background-color: rgb(186,196,224); }

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

border-color css

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

 span { border-color: rgb(186,196,224); }

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