Created at 07/04/2025 09:57
Web Accessibility Contrast Kit
Readable White
#ffffff
Legible Black
#0f0f0f
Hint Gray
#9a9a9a
Action Blue
#1b76ff
Warning Orange
#ff9d00
Success Green
#3ecf8e
Alert Red
#ef3c3c
The palette consists of Light, Dark, Semi dark colors. Accent colors Action Blue #1b76ff and Warning Orange #ff9d00. Palette has Neutral, Cool, Warm colors temperature.
Palette Web Accessibility Contrast Kit has combination of 7 codes colors:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #0f0f0f, RGB: (15, 15, 15); HEX: #9a9a9a, RGB: (154, 154, 154)
HEX: #1b76ff, RGB: (27, 118, 255); HEX: #ff9d00, RGB: (255, 157, 0); HEX: #3ecf8e, RGB: (62, 207, 142)
HEX: #ef3c3c, RGB: (239, 60, 60)
Simplified version of palette colors
White, Shade of Black, Tint of darkgrey, Tint of royalblue, Tint of Orange, Tint of mediumaquamarine, Shade of Red
Color scheme was created by raccoon
Colors codes in palette
Web Accessibility Contrast Kit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffffff | #ffffff | RGB(255, 255, 255) | Readable White | White |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Legible Black | Chaos Black |
| #9a9a9a | #9a9a9a | RGB(154, 154, 154) | Hint Gray | — |
| #1b76ff | #1b76ff | RGB(27, 118, 255) | Action Blue | — |
| #ff9d00 | #ff9d00 | RGB(255, 157, 0) | Warning Orange | — |
| #3ecf8e | #3ecf8e | RGB(62, 207, 142) | Success Green | — |
| #ef3c3c | #ef3c3c | RGB(239, 60, 60) | Alert Red | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffffff | #3ecf8e | 1.99 |
#9a9a9a | #1b76ff | 1.46 |
#9a9a9a | #ff9d00 | 1.34 |
#9a9a9a | #3ecf8e | 1.4 |
#9a9a9a | #ef3c3c | 1.38 |
#1b76ff | #ff9d00 | 1.98 |
Image palette Web Accessibility Contrast Kit png
Export Palette
Download the "Web Accessibility Contrast Kit" in multiple formats for seamless integration into your design projects.
Available formats: