Color Blue Pencil blue (#2200ff):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Blue Pencil blue (#2200ff):
Its Meaning and Harmonious Color Matches in Design.

Blue Pencil is a color with a HTML hex code of #2200ff.

Hue Family:
blues

blues Family:
neutral-vibrant

Saturation:
highly saturated

Tones:
colorful tone

Shade:
light

Temperature:
cool

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Blue Pencil / #2200ff

The HTML HEX code is #2200ff. The corresponding color name is "Blue Pencil". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 34%, Green (G): 0%, Blue (B): 255%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 87%, Magenta (M): 100%, Yellow (Y):0%, Black (K): 0%. In the HSL color space, #2200ff has a hue of 248°, saturation of 100%, and lightness of 50%. The HSV representation is 248° for hue, 100% for saturation, and 100% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 33, a* (green to red) = 79, and b* (blue to yellow) = -107. The XYZ representation is X: 19, Y: 8, Z: 95. In the YUV color space, it translates to Y (luminance) = 0.1539, U (chrominance) = 0.4164, and V (chrominance) = -0.0180.

The decimal value of the color is 2228479. The closest Web-safe HEX code is #3300FF. Variations of the colour are #7A66FF for a 20% lighter version and #140099 for a 20% darker version.

For the color with hex value #2200ff, the correlated color temperature (CT) is estimated to be 1663 Kelvin (1663K).

The approximate wavelength of #2200ff is around 464.67nm.

VALUECSS
HEX Code2200ff#2200ff
RGB Decimal Code34, 0, 255rgb(34, 0, 255)
CMYK87, 100, 0, 0/
HSL248°, 100%, 50%hsl(248°, 100%, 50%)
HSV248°, 100%, 100%/
CIE-LAB33, 79, -107/
XYZ 19, 8, 95/
YUV0.1539, 0.4164, -0.0180/
Decimal value2228479/
Web-Safe HEX3300FF#3300FF
Color Temperature (CT)1663 Kelvin (1663K)/
Estimate Wavelengtharound 464.67nm/

The Depth and Diversity of Blue Pencil (Hex: #2200ff): Exploring its Impact in Design and Culture

The hex color #2200ff, also known as Blue Pencil, shares similarities with the vibrant color of a clear sapphire gemstone or the radiant hue of a blue jays feathers. Its bold and deep shade evokes the serenity of a tranquil ocean under a moonlit sky. Just like ink flowing from a pen onto crisp white paper, Blue Pencil captivates with its intense pigmentation. This color exudes confidence and creativity, making it a stunning choice for design elements that seek to make a powerful statement or leave a lasting impression.

Download Stunning Blue Pencil Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Blue Pencil Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.

Experience Elegance with Blue Pencil 4K Wallpaper

Immerse yourself in the beauty of our Blue Pencil 4K Wallpaper, offering a resolution of 3840px by 2160px. Perfect for high-resolution displays, this wallpaper brings a touch of sophistication to your desktop.

Download Blue Pencil 4K Wallpaper

Tints and Shades of #2200ff HEX color (Blue Pencil)

In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #2200ff, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).

  • #ffffff
  • #C8BFFF
  • #9180FF
  • #5940FF
  • #2200ff
  • #1A00BF
  • #110080
  • #090040
  • #000000

Tones of Blue Pencil (#2200ff HEX color)

A tone is produced by adding gray to any pure hue. In the case of #2200ff, #4833cc is the less saturated color, while #2200ff is the most saturated one.

  • #4833cc
  • #3e26d9
  • #351ae6
  • #2b0df2
  • #2200ff
  • #373352
  • #2b264a
  • #1f1a42
  • #130d3b

HTML Usage Examples

HTML using color code example

<p style="color: #2200ff;">This is a css example</p>

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #2200ff.

CSS color code example

p { color: #2200ff; }

Text with hexadecimal color #2200ff

This is a sample text with color #2200ff.

Background Color with #2200ff

This is a example with background color #2200ff.

Border Color with #2200ff

This is a example of a border with #2200ff.

#2200ff Color Preview on White (#ffffff) Background

This is a example of text with color #2200ff on white background.

#2200ff Color Preview on Black (#000000) Background

This is a example of text with color #2200ff on black background.

CSS codes examples

.text {color:#2200ff;}
.background {background-color:#2200ff;}
.border {border:1px solid #2200ff;}

Complementary Color

#2200ff
#DDFF00

Analogous Colors

#004BCC
#0018CC
#334BFF
#2200FF
#8133FF
#4E00CC
#8100CC

Split Complementary Colors

#FFA200
#2200FF
#5EFF00

Triadic Colors

#FF2200
#2200FF
#00FF22

Tetradic Colors

#FF005D
#DDFF00
#00FFA2