Html Css Color HEX #BAC2DA Periwinkle

📋 copy color: '#BAC2DA'

red 186 ◦ green 194 ◦ blue 218

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

Shades of Periwinkle #BAC2DA

#BAC2DA
#959BAE
#777C8B
#5F636F
#4C4F59
#3D3F47
#313239
#27282E
#1F2025
#191A1E
#141518
#101113
Black

Tints of Periwinkle #BAC2DA

#BAC2DA
#C8CEE1
#D3D8E7
#DCE0EC
#E3E6F0
#E9EBF3
#EDEFF5
#F1F2F7
#F4F5F9
#F6F7FA
#F8F9FB
#F9FAFC
White

RGB

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

 GREEN value IS 194 (76.17% from 255) = 32.44%

 BLUE value IS 218 (85.55% from 255) = 36.45%

R = 31.1%
G = 32.44%
B = 36.45%

CMYK

 C value IS 0.15

 M value IS 0.11

 Y value IS 0

 K value IS 0.15

RGB Variations

RGB:
#BAC2DA
RBG:
#BADAC2
GRB:
#C2BADA
GBR:
#C2DABA
BRG:
#DABADA
BGR:
#DAC2BA

Color information

#BAC2DA (or 0xBAC2DA) is known color: Periwinkle. HEX triplet: BA, C2 and DA. RGB value is (186,194,218). Sum of RGB (Red+Green+Blue) = 186+194+218=598 (79% of max value = 765). Red value is 186 (73.05% from 255 or 31.10% from 598); Green value is 194 (76.17% from 255 or 32.44% from 598); Blue value is 218 (85.55% from 255 or 36.45% from 598); Max value from RGB is 218 - color contains mainly: blue. Hex color #BAC2DA is not a web safe color. Web safe color analog (approx): #CCCCCC. Inversed color of #BAC2DA is #453D25. Grayscale: #C2C2C2. Windows color (decimal): -4537638 or 14336698. OLE color: 14336698.

HSL color Cylindrical-coordinate representation of color #BAC2DA: hue angle of 225º degrees, saturation: 0.3, lightness: 0.79%. HSV value (or HSB Brightness) of color is 0.85% and HSV saturation: 0.15%. Process color model (Four color, CMYK) of #BAC2DA is Cyan = 0.15, Magento = 0.11, Yellow = 0 and Black (K on CMYK) = 0.15.

Color convert

RGB 186 194 218 -
CMYK 0.15 0.11 0 0.15
HSL 225º 0.3% 0.79% -
HSV(B) 225º 0.15% 0.85% -
XYZ 52.2 54.08 74.02 -
YUV 194.34 141.35 122.05 -
System Red Green Blue C M Y K H S L
Decimal 186 194 218 0.15 0.11 0 0.15 225 0.3 0.79
Hex BA C2 DA F B 0 F E1 1E 4F
Octal 272 302 332 17 13 0 17 341 36 117
Binary 10111010 11000010 11011010 1111 1011 0 1111 11100001 11110 1001111

Color Harmonies of #BAC2DA

Triadic Colors

#DABAC2
#C2DABA

Analogous colors

#C2BADA
#BAD2DA

Split complements colors

#DAC2BA
#D2DABA

Complementary color

#DAD2BA

Monochromatic Colors of #BAC2DA

#EDEFF5
#DDE1ED
#A5A8B1
#8B91A3
#5D616D
#454851

Black with #BAC2DA

Text Example


Text Example

White with #BAC2DA

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #BAC2DA; }

 p { color: rgb(186,194,218); }

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

background-color css

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

 a { background-color: rgb(186,194,218); }

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

border-color css

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

 span { border-color: rgb(186,194,218); }

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