Palette · 5 colors · Lc 8.7
Cartoon Violence System palette
Cartoon Violence System: a 5-color palette (Orange, Warm, 5 Colors). HEX, RGB, HSL and OKLCH for #F7DCD9, #D21024, #008703, #3F56D4, #180907, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#F7DCD9
surface
#D21024
primary
#008703
accent
#3F56D4
text
#180907
Colors in Cartoon Violence System: HEX, RGB, HSL & OKLCH
- #F7DCD9 color page →
bg
#F7DCD9
- RGB
- rgb(247 220 217)
- HSL
- hsl(6 65% 91%)
- OKLCH
- oklch(0.916 0.03 25.3)
WCAG contrast: on white 1.29:1 (Fail) · on black 16.19:1 (AAA)
- #D21024 color page →
surface
#D21024
- RGB
- rgb(210 16 36)
- HSL
- hsl(354 86% 44%)
- OKLCH
- oklch(0.548 0.216 25.3)
WCAG contrast: on white 5.46:1 (AA) · on black 3.83:1 (Fail)
- #008703 color page →
primary
#008703
- RGB
- rgb(0 135 3)
- HSL
- hsl(121 100% 26%)
- OKLCH
- oklch(0.54 0.183 142.6)
WCAG contrast: on white 4.70:1 (AA) · on black 4.46:1 (Fail)
- #3F56D4 color page →
accent
#3F56D4
- RGB
- rgb(63 86 212)
- HSL
- hsl(231 63% 54%)
- OKLCH
- oklch(0.512 0.195 270.1)
WCAG contrast: on white 6.01:1 (AA) · on black 3.49:1 (Fail)
- #180907 color page →
text
#180907
- RGB
- rgb(24 9 7)
- HSL
- hsl(7 55% 6%)
- OKLCH
- oklch(0.162 0.027 29.6)
WCAG contrast: on white 19.42:1 (AAA) · on black 1.08:1 (Fail)
Export Cartoon Violence System: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #f7dcd9;
--surface: #d21024;
--primary: #008703;
--accent: #3f56d4;
--text: #180907;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #f7dcd9;
--color-surface: #d21024;
--color-primary: #008703;
--color-accent: #3f56d4;
--color-text: #180907;
}JSON (DTCG tokens)
{
"cartoon-violence-system-1pm": {
"bg": {
"$type": "color",
"$value": "#f7dcd9"
},
"surface": {
"$type": "color",
"$value": "#d21024"
},
"primary": {
"$type": "color",
"$value": "#008703"
},
"accent": {
"$type": "color",
"$value": "#3f56d4"
},
"text": {
"$type": "color",
"$value": "#180907"
}
}
}About this palette
Cartoon Violence System is a 5-color OKLCH-ready palette tagged orange, warm, 5 colors. Hex values: #F7DCD9, #D21024, #008703, #3F56D4, #180907. APCA contrast score Lc 8.7. Open it in Colorise Pro Studio to lock roles and regenerate harmonies.
Related palettes
Shared tags, similar size and contrast.
Palettes with similar colors
Closest to Cartoon Violence System by OKLab color distance.