Color Blue-Eyed Boy aqua-blue (#2277cc):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Blue-Eyed Boy aqua-blue (#2277cc):
Its Meaning and Harmonious Color Matches in Design.

Blue-Eyed Boy is a color with a HTML hex code of #2277cc.

Hue Family:
aqua-blues

aqua-blues Family:
neutral

Saturation:
highly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
cool

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Blue-Eyed Boy / #2277cc

The HTML HEX code is #2277cc. The corresponding color name is "Blue-Eyed Boy". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 34%, Green (G): 119%, Blue (B): 204%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 83%, Magenta (M): 42%, Yellow (Y):0%, Black (K): 20%. In the HSL color space, #2277cc has a hue of 210°, saturation of 71%, and lightness of 47%. The HSV representation is 210° for hue, 83% for saturation, and 80% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 49, a* (green to red) = 6, and b* (blue to yellow) = -51. The XYZ representation is X: 18, Y: 18, Z: 60. In the YUV color space, it translates to Y (luminance) = 0.4050, U (chrominance) = 0.1944, and V (chrominance) = -0.2383.

The decimal value of the color is 2258892. The closest Web-safe HEX code is #3366CC. Variations of the colour are #6FABE7 for a 20% lighter version and #144576 for a 20% darker version.

For the color with hex value #2277cc, the correlated color temperature (CT) is estimated to be 747280971 Kelvin (747280971K).

The approximate wavelength of #2277cc is around 485.00nm.

VALUECSS
HEX Code2277cc#2277cc
RGB Decimal Code34, 119, 204rgb(34, 119, 204)
CMYK83, 42, 0, 20/
HSL210°, 71%, 47%hsl(210°, 71%, 47%)
HSV210°, 83%, 80%/
CIE-LAB49, 6, -51/
XYZ 18, 18, 60/
YUV0.4050, 0.1944, -0.2383/
Decimal value2258892/
Web-Safe HEX3366CC#3366CC
Color Temperature (CT)747280971 Kelvin (747280971K)/
Estimate Wavelengtharound 485.00nm/

The Depth and Diversity of Blue-Eyed Boy (Hex: #2277cc): Exploring its Impact in Design and Culture

The hex color #2277cc, also known as Blue-Eyed Boy, resembles the stunning shade of a serene sky on a cloudless day. Its vibrant blue hue evokes a sense of calmness and tranquility, similar to the vast ocean stretching as far as the eye can see. This color can also bring to mind the delicate petals of forget-me-not flowers, providing a gentle touch of beauty to any design. Additionally, it shares similarities with the brilliant plumage of certain tropical birds, such as the Blue Jay or the Azure-eared Parrotlet.

Download Stunning Blue-Eyed Boy Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Blue-Eyed Boy 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-Eyed Boy 4K Wallpaper

Immerse yourself in the beauty of our Blue-Eyed Boy 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-Eyed Boy 4K Wallpaper

Tints and Shades of #2277cc HEX color (Blue-Eyed Boy)

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 #2277cc, 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
  • #C8DDF2
  • #91BBE6
  • #5999D9
  • #2277cc
  • #1A5999
  • #113C66
  • #091E33
  • #000000

Tones of Blue-Eyed Boy (#2277cc HEX color)

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

  • #487bae
  • #3e7ab5
  • #3579bd
  • #2b78c4
  • #2277cc
  • #363d45
  • #2a323b
  • #1e2731
  • #111c27

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #2277cc.

CSS color code example

p { color: #2277cc; }

Text with hexadecimal color #2277cc

This is a sample text with color #2277cc.

Background Color with #2277cc

This is a example with background color #2277cc.

Border Color with #2277cc

This is a example of a border with #2277cc.

#2277cc Color Preview on White (#ffffff) Background

This is a example of text with color #2277cc on white background.

#2277cc Color Preview on Black (#000000) Background

This is a example of text with color #2277cc on black background.

CSS codes examples

.text {color:#2277cc;}
.background {background-color:#2277cc;}
.border {border:1px solid #2277cc;}

Complementary Color

#2277cc
#CD7823

Analogous Colors

#1BA1A1
#1B80A1
#43B8DF
#2378CD
#436ADF
#1B3DA1
#1B1BA1

Split Complementary Colors

#CD2323
#2378CD
#CDCD23

Triadic Colors

#CD2378
#2378CD
#78CD23

Tetradic Colors

#CD23CD
#CD7823
#23CD23