Picton Blue - #35baf0 - RGB (53, 186, 240)

RGB (53, 186, 240) - #35baf0 - Picton Blue Color Analysis & Informations

The color named Picton Blue is represented by the hex code #35baf0, which consists of the symbol # and 6 letters or numbers in the hexadecimal numeral system. This page provides a detailed analysis of the hex code #35baf0. In the RGB color space, the hex code #35BAF0 is comprised of 20.8% red, 72.9% green, and 94.1% blue. The CMYK color model, used in printing, has a composition of 78% cyan, 23% magenta, 0% yellow, and 6% black. In the HSL color space, the hex code #35baf0 has a hue of 197°, 86% saturation, and 57% lightness. The decimal value of this color is 3,521,264. A version of the color that is 20% lighter is #1ca1d7, while the 20% darker version is #00659b.

  1. #35baf0 - rgb(53, 186, 240) Color Schemes
  2. #35baf0 - rgb(53, 186, 240) Color Spaces
  3. #35baf0 - rgb(53, 186, 240) Alternatives Colours
  4. #35baf0 - rgb(53, 186, 240) Shades and Tints
  5. #35baf0 - rgb(53, 186, 240) Color Conversion
  6. #35baf0 - rgb(53, 186, 240) HTML/CSS Preview

Color Schemes with Picton Blue (35baf0)

35f0ab 35baf0 35cdf0

#35baf0 Analogous Colors

baf035 #35baf0 f035ba

#35baf0 Triadic Colors

f08535 #35baf0 f03554

#35baf0 Split Complementary Colors

35baf0 f0bd35

#35baf0 Complementary Colors

3dc2f8 45caff 4bd0ff 54d9ff 5ee3ff 66ebff

#35baf0 Monochromatic Colors

In design, a color scheme refers to the chosen selection of colors. Colors chosen from neighboring hues on the color wheel are referred to as analogous colors, resulting in a pleasing combination due to their close relation. The triadic color harmony involves three colors that are evenly spaced from one another on the color wheel, forming a triangle. On the other hand, the split-complementary color scheme involves the use of three colors - the original color and two hues adjacent to its complement color.

Color spaces of Hex Code #35BAF0

RGB Decimal 53, 186, 240
RGB Percent rgb(20.8%,72.9%,94.1%)
CMYK 78, 23, 0, 6
HSV 197°, 78°, 94°
HSL 197°, 86°, 57°
Web Safe #35baf0
XYZ XYZ(52, 63, 99)
Motivating Your Way to Success

The hexadecimal triplet #35baf0 definition is: Red = 53, Green = 186, Blue = 240 or CMYK: Cyan = 78, Magenta = 23, Yellow = 0, Black = 6

Alternatives colours to Picton Blue (#35baf0)

38bdf3 3bc0f6 3ec3f9 32b7ed 2fb4ea 2cb1e7

Listed above are colors that are alternative to the hex color code #35baf0. This can be a useful resource if you are looking for alternative color options that complement your original choice.

Shades and Tints of #35baf0 Color Variations

004c82 00568c 006096 006aa0 0074aa 007eb4 0388be 0d92c8 179cd2 21a6dc 2bb0e6 35baf0

#35baf0 Shade Color Variations

3fc4fa 49ceff 53d8ff 5de2ff 67ecff 71f6ff 7bffff 85ffff 8fffff 99ffff a3ffff adffff

#35baf0 Tint Color Variations

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. #004c82 is the darkest color, while #adffff is the lightest one.

Picton Blue - #35baf0 Color Conversions

  • 53 R
  • 186 G
  • 240 B
  • 197 H
  • 78 S
  • 94 V
  • 197 H
  • 86 S
  • 57 L

This table contains information about #35baf0 color values in the most popular color spaces: RGB, HSV, HSL.

#35baf0 Color Codes for CSS3/HTML5 and Icon Previews

Text with Hexadecimal Color #35baf0
This sample text has a font color of #35baf0
<span style="color:#35baf0">Your text here..</span>
#35baf0 Border Color
This sample element has a border color of #35baf0
<div style="border:1px solid #35baf0;">Your content here..</div>
#35baf0 CSS3 Linear Gradient
<div style="background: -webkit-linear-gradient(left,#35baf0,orange,yellow,green,blue,indigo,violet); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(left,#35baf0,orange,yellow,green,blue,indigo,violet); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(left,#35baf0,orange,yellow,green,blue,indigo,violet); /* For Fx 3.6 to 15 */ background: linear-gradient(to right, #35baf0,orange,yellow,green,blue,indigo,violet);">Your content here..</div>
#35baf0 Background Color
This sample paragraph has a background color of #35baf0
<p style="background-color:#35baf0;">Your content here..</p>
#35baf0 Text Shadow
This sample text has a shadow color of #35baf0
<p style="text-shadow:2px 2px 1px #35baf0">Your text here</p>
Sample text with glow color #35baf0
This sample text has a glow color of #35baf0
<span style="color:#000;text-shadow: 0 0 2px #35baf0">Your text here..</span>
#35baf0 Box Shadow
This sample element has a box shadow of #35baf0
<div style="-moz-box-shadow:1px 1px 3px 2px #35baf0; -webkit-box-shadow:1px 1px 3px 2px #35baf0; box-shadow:1px 1px 3px 2px #35baf0;">Your content here..</div>
Sample text with Underline Color #35baf0
This sample text has a underline color of #35baf0
<span style="color:#000;border-bottom: 1px solid #35baf0">Your text here..</span>
A selection of SVG images/icons using the hex version #35baf0 of the current color.

Hex Code #35baf0 web previews. Sample HTML/CSS paragraph codes using Picton Blue color.

Picton Blue #35baf0 Similar Colors

#83ef73#2e70a5#7e2aa3#f2cd76#1824a5#d8863e
#ead981#9fea6e#db736f#68ed34#e87daf#cdea7e
Popular Free Books
Verity E-Book Download
VerityColleen HooverMysteries & Thrillers2021-10-05
Montana Creeds: Logan E-Book Download
Montana Creeds: LoganLinda Lael MillerContemporary2019-07-15
A Court of Mist and Fury E-Book Download
A Court of Mist and FurySarah J. MaasFantasy2016-05-03
Unnatural Death E-Book Download
Unnatural DeathPatricia CornwellMysteries & Thrillers2023-11-28
Nightwork E-Book Download
NightworkNora RobertsFiction & Literature2022-05-24
Percy Jackson and the Olympians, Book Two: The Sea of Monsters E-Book Download
Percy Jackson and the Olympians, Book Two: The Sea of MonstersRick RiordanAction & Adventure2009-05-02
Blog
How do I integrate Google Analytics into Shopify?

Google Analytics is a powerful tool for tracking and analyzing website traffic and performance. Integrating Google Analytics into your Shopify store can provide valuable insights into your customer behavior and help you make data-driven decisions abo...

Is GA4 compatible with Shopify?

Google Analytics 4 (GA4) is a next-generation analytics solution introduced by Google in October 2020. It offers enhanced features, such as a more powerful data model and built-in machine learning capabilities, compared to its predecessor, Universal ...

What is the highest converting Shopify theme?

The highest converting Shopify theme is one that effectively integrates the elements of good website design and user experience to increase conversions and drive sales. A theme with an aesthetically pleasing design, clear and concise messaging, and a...

Does Google Analytics work with Shopify?

Google Analytics is a powerful tool for businesses to measure the performance of their online presence and make data-driven decisions. It provides a wealth of data and insights on website traffic, user behavior, and conversions, allowing businesses t...

How will the release of GA4 affect your shopify business?

The release of Google Analytics 4 (GA4) is a significant event for e-commerce businesses, including those using Shopify. As the newest version of Google’s web analytics platform, GA4 offers a wealth of advanced features and capabilities that ca...

↑