#4cbcaa - Puerto Rico Hex Color Code

#4CBCAA (Puerto Rico) - RGB 76, 188, 170 Color Information

  1. #4CBCAA (Puerto Rico) - RGB 76, 188, 170 Color Information
  2. #4cbcaa Conversion Table
  3. Percentages of Color #4CBCAA
  4. Color spaces of #4CBCAA Puerto Rico - RGB(76, 188, 170)
  5. #4cbcaa Color Accessibility Scores (Puerto Rico Contrast Checker)
  6. Puerto Rico ↔ #4cbcaa Color Blindness Simulator
  7. #4CBCAA Color Combinations - Color Schemes with 4cbcaa
  8. Shades and Tints of #4cbcaa Color Variations
  9. Alternatives colours to Puerto Rico (#4cbcaa)
  10. #4cbcaa Color Codes for CSS3/HTML5 and Icon Previews

The color named Puerto Rico is represented by the hex code #4cbcaa, 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 #4cbcaa. In the RGB color space, the hex code #4CBCAA is comprised of 29.8% red, 73.7% green, and 66.7% blue. The CMYK color model, used in printing, has a composition of 60% cyan, 0% magenta, 10% yellow, and 26% black. In the HSL color space, the hex code #4cbcaa has a hue of 170°, 46% saturation, and 52% lightness. The decimal value of this color is 5,029,034. A version of the color that is 20% lighter is #33a391, while the 20% darker version is #006755.

IQ Test

#4cbcaa Conversion Table

HEX Triplet 4C, BC, AA
RGB Decimal 76, 188, 170
RGB Octal 114, 274, 252
RGB Percent 29.8%, 73.7%, 66.7%
RGB Binary 1001100, 10111100, 10101010
CMY 0.702, 0.263, 0.333
CMYK 60, 0, 10, 26
Organic Hit

#4cbcaa hex color code information, schemes, description and conversion in RGB, HSL, HSV, etc...

Percentages of Color #4CBCAA

R 29.8%
G 73.7%
B 66.7%
RGB Percentages of Color #4cbcaa
C 60%
M 0%
Y 10%
K 26%
CMYK Percentages of Color #4cbcaa

Color spaces of #4CBCAA Puerto Rico - RGB(76, 188, 170)

HSV (or HSB) 170°, 60°, 74°
HSL 170°, 46°, 52°
Web Safe #33cc99
XYZ 28.219, 40.405, 44.342
CIE-Lab 69.757, -36.084, -0.388
xyY 0.250, 0.358, 40.405
Decimal 5029034
Shopify Analytics

Provide color information and color scheme for #4cbcaa. #4cbcaa is the hex color code that is a variation of "Puerto Rico" because of their close resemblance. The hexadecimal triplet #4cbcaa definition is: Red = 76, Green = 188, Blue = 170 or CMYK: Cyan = 0.59574468085106, Magenta = 0, Yellow = 0.095744680851064, Black = 0.26274509803922. Different converted color standards of #4cbcaa.

#4cbcaa Color Accessibility Scores (Puerto Rico Contrast Checker)

#4cbcaa

On dark background [POOR]

#4cbcaa

On light background [GOOD]

#4cbcaa

As background color [GOOD]

Check the contrast of #4cbcaa [Puerto Rico] color design for accessibility base on Web Content Accessibility Guideline (WCAG). Use this color contrast checker to determine whether or not your color combinations are accessible or not. An online tool to check and adjust contrast levels between text and background colours to help meet accessibility guidelines. Design with accessibility in mind!

Puerto Rico ↔ #4cbcaa Color Blindness Simulator

Coming soon... You can see how #4cbcaa is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

#4CBCAA Color Combinations - Color Schemes with 4cbcaa

#4cbc9b #4cbcaa #4ccfaa

#4cbcaa Analogous Colors

#bcaa4c #4cbcaa #aa4cbc

#4cbcaa Triadic Colors

#aa874c #4cbcaa #aa4c56

#4cbcaa Split Complementary Colors

#4cbcaa #aabf4c

#4cbcaa Complementary Colors

54c4b2 5cccba 62d2c0 6bdbc9 75e5d3 7deddb

#4cbcaa Monochromatic Colors

#bc11aa #4cbcaa #aa4cbc #11aabc

#4cbcaa Tetradic Colors

In color theory, a color scheme is the choice of colors used in design. They are colors that are next to each other on the color wheel. Analogous colors tend to look pleasant together, because they are closely related. The triadic color harmony groups three colors that are evenly spaced from another and form a triangle on the color wheel. Split-complementary colors differ from the complementary color scheme. The scheme consists of three colors, the original color and two neighbours of the complement color. Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other. Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color. Monochromatic color schemes are derived from a single base hue and extended using its shades, tones and tints.

Shades and Tints of #4cbcaa Color Variations

004e3c 005846 006250 006c5a 067664 10806e 1a8a78 249482 2e9e8c 38a896 42b2a0 4cbcaa

#4cbcaa Shade Color Variations (When you combine pure black with this color, #4cbcaa, darker shades are produced.)

56c6b4 60d0be 6adac8 74e4d2 7eeedc 88f8e6 92fff0 9cfffa a6ffff b0ffff baffff c4ffff

#4cbcaa Tint Color Variations (Lighter shades of #4cbcaa can be created by blending the color with different amounts of white.)

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

Alternatives colours to Puerto Rico (#4cbcaa)

#4fbfad #52c2b0 #55c5b3 #49b9a7 #46b6a4 #43b3a1

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

#4cbcaa Color Codes for CSS3/HTML5 and Icon Previews

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

Hex Code #4cbcaa web previews. Sample HTML/CSS paragraph codes using Puerto Rico color.

#4CBCAA in Programming

HTML5, CSS3 #4cbcaa
Java new Color(76, 188, 170);
.NET Color.FromArgb(255, 76, 188, 170);
Swift UIColor(red:76, green:188, blue:170, alpha:1.00000)
Objective-C [UIColor colorWithRed:76 green:188 blue:170 alpha:1.00000];
OpenGL glColor3f(76f, 188f, 170f);
Python Color('#4cbcaa')

Here you can easily copy-and-paste formatted color code for use with your favorite programming/markup languages like HTML 5, CSS 3, Java, Objective-C, Swift, .NET and Python.

#4cbcaa - RGB(76, 188, 170) - Puerto Rico Color FAQ

What is the color code for Puerto Rico?

Hex color code for Puerto Rico color is #4cbcaa. RGB color code for puerto rico color is rgb(76, 188, 170).

What is the RGB value of #4cbcaa?

The RGB value corresponding to the hexadecimal color code #4cbcaa is rgb(76, 188, 170). These values represent the intensities of the red, green, and blue components of the color, respectively. Here, '76' indicates the intensity of the red component, '188' represents the green component's intensity, and '170' denotes the blue component's intensity. Combined in these specific proportions, these three color components create the color represented by #4cbcaa.

What is the RGB percentage of #4cbcaa?

The RGB percentage composition for the hexadecimal color code #4cbcaa is detailed as follows: 29.8% Red, 73.7% Green, and 66.7% Blue. This breakdown indicates the relative contribution of each primary color in the RGB color model to achieve this specific shade. The value 29.8% for Red signifies a dominant red component, contributing significantly to the overall color. The Green and Blue components are comparatively lower, with 73.7% and 66.7% respectively, playing a smaller role in the composition of this particular hue. Together, these percentages of Red, Green, and Blue mix to form the distinct color represented by #4cbcaa.

What does RGB 76,188,170 mean?

The RGB color 76, 188, 170 represents a dull and muted shade of Green. The websafe version of this color is hex 33cc99. This color might be commonly referred to as a shade similar to Puerto Rico.

What is the CMYK (Cyan Magenta Yellow Black) color model of #4cbcaa?

In the CMYK (Cyan, Magenta, Yellow, Black) color model, the color represented by the hexadecimal code #4cbcaa is composed of 60% Cyan, 0% Magenta, 10% Yellow, and 26% Black. In this CMYK breakdown, the Cyan component at 60% influences the coolness or green-blue aspects of the color, whereas the 0% of Magenta contributes to the red-purple qualities. The 10% of Yellow typically adds to the brightness and warmth, and the 26% of Black determines the depth and overall darkness of the shade. The resulting color can range from bright and vivid to deep and muted, depending on these CMYK values. The CMYK color model is crucial in color printing and graphic design, offering a practical way to mix these four ink colors to create a vast spectrum of hues.

What is the HSL value of #4cbcaa?

In the HSL (Hue, Saturation, Lightness) color model, the color represented by the hexadecimal code #4cbcaa has an HSL value of 170° (degrees) for Hue, 46% for Saturation, and 52% for Lightness. In this HSL representation, the Hue at 170° indicates the basic color tone, which is a shade of red in this case. The Saturation value of 46% describes the intensity or purity of this color, with a higher percentage indicating a more vivid and pure color. The Lightness value of 52% determines the brightness of the color, where a higher percentage represents a lighter shade. Together, these HSL values combine to create the distinctive shade of red that is both moderately vivid and fairly bright, as indicated by the specific values for this color. The HSL color model is particularly useful in digital arts and web design, as it allows for easy adjustments of color tones, saturation, and brightness levels.

Puerto Rico #4cbcaa Similar Colors

#BA77EA RGB(186, 119, 234)
#FFDD96 RGB(255, 221, 150)
#E57862 RGB(229, 120, 98)
#D452DD RGB(212, 82, 221)
#2E39CC RGB(46, 57, 204)
#53DBB2 RGB(83, 219, 178)
#A997DB RGB(169, 151, 219)
#BA2F23 RGB(186, 47, 35)
#18A9F2 RGB(24, 169, 242)
#488EEA RGB(72, 142, 234)
#093199 RGB(9, 49, 153)
#F29C07 RGB(242, 156, 7)
✚ Did you know our free color tools?
color tool 1 Generate a CSS Color Gradient color tool 2 Colors in Between color tool 3 Random Fresh Colors color tool 4 Extract Color Palette from a Website color tool 5 Gradient Colors Collection Palette
color tool 6 Marvelous Color Picker color tool 7 Color Palette Generator color tool 8 Image to Colors Palette Generator color tool 9 Color Contrast Checker color tool 10 Color Inspirations and Ideas

A collection of free color tools that will help you choose the right color for your next project! Meet a few tools that will make working with color faster and more fun.

Color Hub
Exploring the Role of Colors in Branding

Colors play an indispensable role in shaping a brand’s identity, influencing consumer perception and reaction toward a business. These elements provoke an array of emotions, guide decision-making processes, and communicate the ethos a brand emb...

The Use of Color in Educational Materials and Technologies

Color has the power to influence our emotions, behaviors, and perceptions in powerful ways. Within education, its use in materials and technologies has a great impact on learning, engagement, and retention – from textbooks to e-learning platfor...

How Color Theory Enhances Visual Design Impact

Color theory plays a crucial role in graphic design, influencing the way we perceive and interpret visual information. Understanding the principles of color theory is essential for designers to create visually appealing and effective designs that com...

Creating a Branded Educational Identity: A Guide to HTML Color Palette Selection

The creation of a color palette for branding purposes in the field of education follows unique goals that usually go beyond classic marketing methods. The reason for that is the necessity to create a different kind of brand recognition where the use ...

Why Every Designer Should Consider an IQ Test: Unlocking Creative Potential

The world of design is a vast and intricate space, brimming with creativity, innovation, and a perpetual desire for originality. Designers continually push their cognitive boundaries to conceive concepts that are not only visually enticing but also f...

↑