Hex(188BC2) Have a Look What the Booklet for Hex(188BC2) Contains
Total Page:16
File Type:pdf, Size:1020Kb
Converting Colors Hex(188BC2) Have a look what the booklet for Hex(188BC2) contains. Hex(188BC2) ............................................................. 3 Conversions ....................................................... 4 Details ................................................................ 6 Harmonies ........................................................ 11 Previews ........................................................... 18 Color Blindness Simulation ........................... 21 CSS Examples .................................................. 24 Color Hex(188BC2) Conversions Conversions Part 1 Format Color Hex 188BC2 RGB 24, 139, 194 RGB Percent 9%, 55%, 76% CMY 0.9059, 0.4549, 0.2392 CMYK 0.88, 0.28, 0.00, 0.24 HSL 199°, 78%, 43% HSV 199°, 88%, 76% XYZ 19.3469, 22.5545, 54.3727 30-09-2021 4/29 convertingcolors.com Conversions Conversions Part 2 Format Color RYB 24, 93, 194 Decimal 1608642 CIELab 54.61, -10.23, -36.93 CIELCh 55, 38.323, 254.513 22.5545, 0.2010, Yxy 0.2343 Android 4279798722 (android.graphics.Color) (0xFF188BC2) 110.8850, 40.9757, YUV -76.1981 30-09-2021 5/29 convertingcolors.com Details The Hex color 188BC2 is a dark color, and the websafe version is hex 3399CC, and the color name is cyan cornflower blue. The color can be described as dark washed azure. A complement of this color would be C24F18, and the grayscale version is 6F6F6F. A 20% lighter version of the original color is 66C0FB, and 00598C is the 20% darker color. If you saturate the color by 10%, you get 0585C2, and if you desaturate by 10%, it is 2B91C2. 30-09-2021 6/29 convertingcolors.com Distribution RGB RYB Red (9%) Red (9%) Green (55%) Yellow (36%) Blue (76%) Blue (76%) CMYK CMY Cyan (88%) Cyan (91%) Magenta (28%) Magenta (45%) Yellow (0%) Yellow (24%) Black (24%) 30-09-2021 7/29 convertingcolors.com Brightness & Saturation Gradients These gradients show how the Hex color 188BC2 changes by changing the brightness by 10 percent. The first figure shows a shift by +10% for each color and the second figure -10%. Similar to the brightness gradients but the following saturation gradients show a change of the Hex color 188BC2 by changing the saturation by 10% instead. 30-09-2021 8/29 convertingcolors.com 188BC2 188BC2 45A5DE 0072A7 66C0FB 00598C 85DCFF 004272 A4F9FF 002C59 C2FFFF 001942 E0FFFF 00032B FEFFFF 000115 FFFFFF 000000 188BC2 188BC2 0585C2 2B91C2 0083C2 3F98C2 529EC2 66A4C2 79AAC2 8CB1C2 30-09-2021 9/29 convertingcolors.com A0B7C2 B3BDC2 C7C3C2 30-09-2021 10/29 convertingcolors.com Harmonies Analogous The analogous color harmony consists of three colors that are next to each other on the color wheel. 0091B0 188BC2 6A81C3 30-09-2021 11/29 convertingcolors.com Triad The triadic color harmony groups three colors that are evenly spaced from another and form a triangle on the color wheel. 188BC2 C26874 628E52 30-09-2021 12/29 convertingcolors.com Complementary The complementary color scheme is a pair of colors which are on the opposite of each other on the color wheel. 188BC2 C24F18 30-09-2021 13/29 convertingcolors.com Split Complementary Split-complementary colors differ from the complementary color scheme. The scheme consists of three colors, the original color and two neighbors of the complement color. 878641 188BC2 BB6F56 30-09-2021 14/29 convertingcolors.com Square The square scheme is like the rectangle color scheme, but the four colors are evenly spaced on the color wheel. 188BC2 B86A95 A67B42 319370 30-09-2021 15/29 convertingcolors.com Rectangle The rectangle color scheme consists of four colors that form a rectangle on the color wheel. 188BC2 8C78B9 A67B42 6F8C4A 30-09-2021 16/29 convertingcolors.com Sweetspot The sweet spot groups the original color and five complimentary colors. 188BC2 BBE7FC 18C24E 587380 000000 808080 30-09-2021 17/29 convertingcolors.com Previews White Background This preview shows how the Hex color 188BC2 looks on a white background. Color Contrast Check Large Text (above 18pt) WCAG AA ✓ Pass Any Text WCAG AA ✕ Fail Large Text (above 18pt) WCAG AAA ✕ Fail Any Text WCAG AAA ✕ Fail 30-09-2021 18/29 convertingcolors.com Black Background This preview shows how the Hex color 188BC2 looks on a black background. Color Contrast Check Large Text (above 18pt) WCAG AA ✓ Pass Any Text WCAG AA ✓ Pass Large Text (above 18pt) WCAG AAA ✓ Pass Any Text WCAG AAA ✕ Fail If you want to check with other color combinations, try the Color Contrast Checker. 30-09-2021 19/29 convertingcolors.com Hex 188BC2 Background This preview shows how black text looks on a background with the Hex color 188BC2. This preview shows how white text looks on a background with the Hex color 188BC2. 30-09-2021 20/29 convertingcolors.com Color Blindness Simulation Color vision deficiency is a very complex topic, and I could not describe the different causes any better than Wikipedia does, so if you want to learn more, you should check out their article about color blindness. Dichromacy Original Color 188BC2 Protanopia 7080B9 Deuteranopia 6381C4 30-09-2021 21/29 convertingcolors.com Tritanopia 00909B 30-09-2021 22/29 convertingcolors.com Trichromacy Original Color 188BC2 Protanomaly 5084BC Deuteranomaly 4885C3 Tritanomaly 098EA9 Monochromacy Original Color 188BC2 Achromatopsia 6F6F6F Achromatomaly 4F798D 30-09-2021 23/29 convertingcolors.com CSS Examples Text The CSS property to change the color of the text to Hex 188BC2 is called "color". The color property can be set on classes, ids or directly on the HTML element. This example shows how text in the color #188BC2 looks like. .text, #text, p{ color:#188BC2 } 30-09-2021 24/29 convertingcolors.com If you want to add a text shadow in that color use the text-shadow property, you can generate a text shadow directly with our CSS Text Shadow Generator. HereHere youyou seesee howhow blackblack texttext withwith aa 44 pixelpixel #188BC2#188BC2 coloredcolored shadowshadow lookslooks like.like. .shadow{ text-shadow: 4px 4px 2px #188BC2 } Border The CSS property to change the border of an element to Hex 188BC2 is called "border". The border property can be set on classes, ids or directly on the HTML element. This example shows the color as border, it can be applied via the CSS property "border" or "border- color". .border, #border, table{ border:4px solid #188BC2 } 30-09-2021 25/29 convertingcolors.com If only the border color should be changed use the property border-color. .border{ border-color:#188BC2 } If you want to add a box shadow in that color use: Here you see how a box with a 4 pixel #188BC2 colored shadow looks like. .boxshadow{ -moz-box-shadow:4px 4px 4px 4px #188BC2; -webkit-box-shadow:4px 4px 4px 4px #188BC2; box-shadow:4px 4px 4px 4px #188BC2 } 30-09-2021 26/29 convertingcolors.com Background The CSS property to change the background color of an element to Hex 188BC2 is called "background". The background property can be set on classes, ids or directly on the HTML element. .background, #background, body{ background:#188BC2 } If only the background color should be changed can be used: .background{ background-color:#188BC2 } This example shows the color as background, it is applied via the CSS property "background". To optimize and compress your CSS code, you can use our online CSS compressor and optimizer based on csstidy. If you want to create a linear or radial gradient as background or border, check our CSS Gradient Generator. 30-09-2021 27/29 convertingcolors.com Hey! You found this booklet interesting? Have a look at my other booklet HOWCOLORS.WORK – A CSS color notation guide. HOWCOLORS.WORK A CSS color notation guide. Are you new to web development and want to know the different ways to express colors in CSS? Then this booklet is for you! HOWCOLORS.WORK will help you understand the syntax of the color notations in CSS. You will learn all the current and new ways to express colors to prepare yourself for the future! Buy now, starting at $4.99! Follow me on Twitter! @ConvertingColor.