Energetic Yellow

66 views
Vibrant Yellow #FFC300
Soft White #FEFEFE
Deep Charcoal #333333
Sky Blue #00A3E0
Fresh Green #A8D600
#FFC300 Vibrant Yellow
#FEFEFE Soft White
#333333 Deep Charcoal
#00A3E0 Sky Blue
#A8D600 Fresh Green

About This Color Palette

To determine if the color #FFC300 passes AAA contrast with #FEFEFE , we first need to calculate the contrast ratio between these two colors.

  1. Hex to RGB conversion:
    • #FFC300 → RGB(255, 195, 0)
    • #FEFEFE → RGB(254, 254, 254)
  2. Luminance calculation:
    • Luminance of #FFC300 :
      • R = 255, G = 195, B = 0
      • Luminance = 0.2126 * (R/255)^2.4 + 0.7152 * (G/255)^2.4 + 0.0722 * (B/255)^2.4
      • Luminance ≈ 0.2126 * 1 + 0.7152 * 0.724 + 0.0722 * 0
      • Luminance ≈ 0.2126 + 0.5174 + 0 = 0.730
    • Luminance of #FEFEFE :
      • R = 254, G = 254, B = 254
      • Luminance = 0.2126 * (254/255)^2.4 + 0.7152 * (254/255)^2.4 + 0.0722 * (254/255)^2.4
      • Luminance ≈ 0.2126 * 0.997 + 0.7152 * 0.997 + 0.0722 * 0.997
      • Luminance ≈ 0.2124 + 0.7135 + 0.0711 ≈ 0.997
  3. Contrast ratio:
    • Contrast = (L1 + 0.05) / (L2 + 0.05)
    • Here, L1 (lighter) = 0.997 and L2 (darker) = 0.730
    • Contrast = (0.997 + 0.05) / (0.730 + 0.05) ≈ 1.047 / 0.780 ≈ 1.34
  4. AAA Contrast requirements:
    • For normal text, the contrast ratio needs to be at least 4.5:1 for AA and 7:1 for AAA.
    • For large text (18pt bold or 14pt bold), the requirement is 3:1 for AA and 4.5:1 for AAA.

Since 1.34 is below the AA requirement, #FFC300 does not pass AAA contrast with #FEFEFE .

Now, for a color palette based on an energetic yellow like #FFC300 , here it is:

json
{
  "palette_name": "Energetic Yellow",
  "colors": [
    {
      "name": "Vibrant Yellow",
      "hex_code": "
          
          #FFC300
       "
    },
    {
      "name": "Soft White",
      "hex_code": "
          
          #FEFEFE
       "
    },
    {
      "name": "Deep Charcoal",
      "hex_code": "
          
          #333333
       "
    },
    {
      "name": "Sky Blue",
      "hex_code": "
          
          #00A3E0
       "
    },
    {
      "name": "Fresh Green",
      "hex_code": "
          
          #A8D600
       "
    }
  ]
}

This palette captures the vibrancy and energy of yellow while providing complementary colors that can work well together. Would you like more information or help with something else?

Other Similar Palettes

#FFC300
#FFDA44
#F6EB61
#F6EB61
#F9E03B
#B71C1C
#FFCA28
#424242
#F1F8E9
#263238
#FAFAFA
#D9A300
#222222
#FEFEFE
#007BFF
#FF6F00
#FFC300
#4EDB8C
#A500E0
#FF007F