Generate Palette
  1. Colors palettes
  2. Semantic Web Accessibility Layers
Created at 07/28/2025 11:02
byraccoon
  16

Semantic Web Accessibility Layers

  • Label Blue
    #3a86ff
  • Readable White
    #ffffff
  • Focus Pink
    #fca3b7
  • Link Navy
    #2f3a8f
  • Assist Yellow
    #ffd670
  • Content Graphite
    #2d2d2d
The palette consists of Light, Dark colors. Accent colors Label Blue #3a86ff and Assist Yellow #ffd670. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #2D2D2D (darkest) to #FFFFFF (lightest). The lightness range is wide.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #2D2D2D, #2F3A8F, #3A86FF, #FCA3B7, #FFD670, #FFFFFF

Palette Semantic Web Accessibility Layers has combination of 6 codes colors:
HEX: #3a86ff, RGB: (58, 134, 255); HEX: #ffffff, RGB: (255, 255, 255); HEX: #fca3b7, RGB: (252, 163, 183)
HEX: #2f3a8f, RGB: (47, 58, 143); HEX: #ffd670, RGB: (255, 214, 112); HEX: #2d2d2d, RGB: (45, 45, 45)
Simplified version of palette colors
Shade of dodgerblue, White, Tint of lightpink, Tint of darkslateblue, Shade of gold, Shade of Black
Color scheme was created by raccoon

Colors codes in palette

Semantic Web Accessibility Layers color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#3a86ff #3a86ff RGB(58, 134, 255)Label Blue—
#ffffff #ffffff RGB(255, 255, 255)Readable WhiteWhite
#fca3b7 #fca3b7 RGB(252, 163, 183)Focus Pink—
#2f3a8f #2f3a8f RGB(47, 58, 143)Link Navy—
#ffd670 #ffd670 RGB(255, 214, 112)Assist Yellow—
#2d2d2d #2d2d2d RGB(45, 45, 45)Content Graphite—

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#3a86ff
#fca3b7
1.83
#ffffff
#fca3b7
1.89
#ffffff
#ffd670
1.39
#fca3b7
#ffd670
1.36
#2f3a8f
#2d2d2d
1.39

Image palette Semantic Web Accessibility Layers png

Semantic Web Accessibility Layers - #556900
 Download image