Html Css Color HEX #BAC8F2 Periwinkle

📋 copy color: '#BAC8F2'

red 186 ◦ green 200 ◦ blue 242

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

Shades of Periwinkle #BAC8F2

#BAC8F2
#95A0C2
#77809B
#5F667C
#4C5263
#3D424F
#31353F
#272A32
#1F2228
#191B20
#14161A
#101215
Black

Tints of Periwinkle #BAC8F2

#BAC8F2
#C8D3F5
#D3DCF7
#DCE3F9
#E3E9FA
#E9EDFB
#EDF1FC
#F1F4FD
#F4F6FD
#F6F8FD
#F8F9FD
#F9FAFD
White

RGB

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

 GREEN value IS 200 (78.52% from 255) = 31.85%

 BLUE value IS 242 (94.92% from 255) = 38.54%

R = 29.62%
G = 31.85%
B = 38.54%

CMYK

 C value IS 0.23

 M value IS 0.17

 Y value IS 0

 K value IS 0.05

RGB Variations

RGB:
#BAC8F2
RBG:
#BAF2C8
GRB:
#C8BAF2
GBR:
#C8F2BA
BRG:
#F2BAF2
BGR:
#F2C8BA

Color information

#BAC8F2 (or 0xBAC8F2) is known color: Periwinkle. HEX triplet: BA, C8 and F2. RGB value is (186,200,242). Sum of RGB (Red+Green+Blue) = 186+200+242=628 (83% of max value = 765). Red value is 186 (73.05% from 255 or 29.62% from 628); Green value is 200 (78.52% from 255 or 31.85% from 628); Blue value is 242 (94.92% from 255 or 38.54% from 628); Max value from RGB is 242 - color contains mainly: blue. Hex color #BAC8F2 is not a web safe color. Web safe color analog (approx): #CCCCFF. Inversed color of #BAC8F2 is #45370D. Grayscale: #C8C8C8. Windows color (decimal): -4536078 or 15911098. OLE color: 15911098.

HSL color Cylindrical-coordinate representation of color #BAC8F2: hue angle of 225º degrees, saturation: 0.68, lightness: 0.84%. HSV value (or HSB Brightness) of color is 0.95% and HSV saturation: 0.23%. Process color model (Four color, CMYK) of #BAC8F2 is Cyan = 0.23, Magento = 0.17, Yellow = 0 and Black (K on CMYK) = 0.05.

Color convert

RGB 186 200 242 -
CMYK 0.23 0.17 0 0.05
HSL 225º 0.68% 0.84% -
HSV(B) 225º 0.23% 0.95% -
XYZ 56.93 58.16 92.23 -
YUV 200.6 151.36 117.58 -
System Red Green Blue C M Y K H S L
Decimal 186 200 242 0.23 0.17 0 0.05 225 0.68 0.84
Hex BA C8 F2 17 11 0 5 E1 44 54
Octal 272 310 362 27 21 0 5 341 104 124
Binary 10111010 11001000 11110010 10111 10001 0 101 11100001 1000100 1010100

Color Harmonies of #BAC8F2

Triadic Colors

#F2BAC8
#C8F2BA

Analogous colors

#C8BAF2
#BAE4F2

Split complements colors

#F2C8BA
#E4F2BA

Complementary color

#F2E4BA

Monochromatic Colors of #BAC8F2

#EDF1FB
#DDE4F9
#A5ABBA
#8B96B5
#5D6479
#454B5A

Black with #BAC8F2

Text Example


Text Example

White with #BAC8F2

Text Example


Text Example

HTML Codes & Css Web design

color css

<style>
 p { color: #BAC8F2; }

 p { color: rgb(186,200,242); }

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

background-color css

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

 a { background-color: rgb(186,200,242); }

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

border-color css

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

 span { border-color: rgb(186,200,242); }

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