Color Good Karma blue (#333c76):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Good Karma blue (#333c76):
Its Meaning and Harmonious Color Matches in Design.

Good Karma is a color with a HTML hex code of #333c76.

Hue Family:

blues Family:

moderately saturated

colorful tone




medium chroma

Color Information about Good Karma / #333c76

The HTML HEX code is #333c76. The corresponding color name is "Good Karma". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 51%, Green (G): 60%, Blue (B): 118%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 57%, Magenta (M): 49%, Yellow (Y):0%, Black (K): 54%. In the HSL color space, #333c76 has a hue of 232°, saturation of 40%, and lightness of 33%. The HSV representation is 232° for hue, 57% for saturation, and 46% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 27, a* (green to red) = 15, and b* (blue to yellow) = -35. The XYZ representation is X: 6, Y: 5, Z: 18. In the YUV color space, it translates to Y (luminance) = 0.2507, U (chrominance) = 0.1044, and V (chrominance) = -0.0445.

The decimal value of the color is 3357814. The closest Web-safe HEX code is #333366. Variations of the colour are #5764B7 for a 20% lighter version and #14172E for a 20% darker version.

For the color with hex value #333c76, the correlated color temperature (CT) is estimated to be -1327759 Kelvin (-1327759K).

The approximate wavelength of #333c76 is around 474.00nm.

HEX Code333c76#333c76
RGB Decimal Code51, 60, 118rgb(51, 60, 118)
CMYK57, 49, 0, 54/
HSL232°, 40%, 33%hsl(232°, 40%, 33%)
HSV232°, 57%, 46%/
CIE-LAB27, 15, -35/
XYZ 6, 5, 18/
YUV0.2507, 0.1044, -0.0445/
Decimal value3357814/
Web-Safe HEX333366#333366
Color Temperature (CT)-1327759 Kelvin (-1327759K)/
Estimate Wavelengtharound 474.00nm/

The Depth and Diversity of Good Karma (Hex: #333c76): Exploring its Impact in Design and Culture

The hex color #333c76, named Good Karma, resembles the twilight sky just before nightfall, when the sun has dipped below the horizon. It exudes a tranquil and mysterious aura, effortlessly capturing the essence of a serene evening. This deep blue hue is reminiscent of the vastness of the ocean, evoking feelings of tranquility and peace. It also shares a resemblance with the royal blue petals of the Himalayan blue poppy, a rare and exquisite flower found in the mountainous regions. Good Karma is a color that instills a sense of calmness and spirituality, making it ideal for mindfulness and meditation-related content.

Download Stunning Good Karma Wallpapers and Backgrounds

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

Experience Elegance with Good Karma 4K Wallpaper

Immerse yourself in the beauty of our Good Karma 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 Good Karma 4K Wallpaper

Tints and Shades of #333c76 HEX color (Good Karma)

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 #333c76, 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
  • #999EBB
  • #666D98
  • #333c76
  • #262D59
  • #1A1E3B
  • #0D0F1E
  • #000000

Tones of Good Karma (#333c76 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #333c76, #52577a is the less saturated color, while #333c76 is the most saturated one.

  • #52577a
  • #4a5079
  • #424a78
  • #3b4377
  • #333c76
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #333c76.

CSS color code example

p { color: #333c76; }

Text with hexadecimal color #333c76

This is a sample text with color #333c76.

Background Color with #333c76

This is a example with background color #333c76.

Border Color with #333c76

This is a example of a border with #333c76.

#333c76 Color Preview on White (#ffffff) Background

This is a example of text with color #333c76 on white background.

#333c76 Color Preview on Black (#000000) Background

This is a example of text with color #333c76 on black background.

CSS codes examples

.text {color:#333c76;}
.background {background-color:#333c76;}
.border {border:1px solid #333c76;}

Complementary Color


Analogous Colors


Split Complementary Colors


Triadic Colors


Tetradic Colors