0 views
#2c849c - Color Information
Base Information
HEX
#2c849c
RGB
44,132,156
HSL
193,56,39
HSV
193,72,61
CMYK
72,15,0,39
LAB
51,-18,-20
LCH
51,27,229
XYZ
15,19,34
Web Safe
#339999
Web Smart
#338899
luminosity
0.1944
is dark color
Yes
Which Products Use the #2c849c Color Code?
Generate #2c849c solid background color
Create and download a solid color image in any size up to 5000x5000 pixels
Combinations
#2c849c complementary
Colors that are opposite to each other, forming a contrasting pair.
#2c849c complementary
Colors that are opposite to each other, forming a contrasting pair.
#2c849c splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.
#2c849c splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.
#2c849c triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.
#2c849c triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.
#2c849c tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.
#2c849c tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.
#2c849c analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.
#2c849c analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.
Shades
#2c849c Light Tints
A series of lighter variations of the base color, created by mixing it with increasing amounts of white.
#2c849c Gray Shades
A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.
#2c849c Dark Shades
Darker versions of the base color, achieved by mixing it with increasing amounts of black.
#2c849c Red Shades
A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.
#2c849c Green Shades
A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.
Readability Analysis
#2c849c as Text Color
| Background Color | Contrast Score | WCAG Rating | Preview |
|---|---|---|---|
| White | 4.30 | A | Sample Text |
| Black | 4.89 | AA | Sample Text |
| Red | 1.07 | Fail | Sample Text |
| Green | 1.20 | Fail | Sample Text |
| Blue | 2.00 | Fail | Sample Text |
#2c849c as Background Color
| Text Color | Contrast Score | WCAG Rating | Preview |
|---|---|---|---|
| White | 4.30 | A | Sample Text |
| Black | 4.89 | AA | Sample Text |
| Red | 1.07 | Fail | Sample Text |
| Green | 1.20 | Fail | Sample Text |
| Blue | 2.00 | Fail | Sample Text |
Color Blindness Simulation
| Type | Description | Hex Value | Color Preview |
|---|---|---|---|
| Protanomaly | Red weakness - Anomalous trichromacy | #597c97 | |
| Deuteranomaly | Green weakness - Anomalous trichromacy | #577c9e | |
| Tritanomaly | Blue weakness - Anomalous trichromacy | #298594 | |
| Protanopia | No red perception - Dichromacy | #737893 | |
| Deuteranopia | No green perception - Dichromacy | #70779f | |
| Tritanopia | No blue perception - Dichromacy | #278590 | |
| Achromatomaly | Partial color blindness - Monochromacy | #597982 | |
| Achromatopsia | Complete color blindness - Monochromacy | #737373 |
#2c849c Color Code
| Name | Code |
|---|---|
| #2c849c css background color code | |
| #2c849c css text color code | |
| #2c849c css border color code | |