Palette · 5 colors · Lc 9.2
Vermilion Scarlet Quartz palette
Vermilion Scarlet Quartz: a 5-color palette (Orange, Warm, Monochromatic, 5 Colors). HEX, RGB, HSL and OKLCH for #110101, #7D0000, #CD0F2D, #FF8278, #FFEAE4, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Orange
- Warm
- Monochromatic
- 5 Colors
bg
#110101
surface
#7D0000
primary
#CD0F2D
accent
#FF8278
text
#FFEAE4
Colors in Vermilion Scarlet Quartz: HEX, RGB, HSL & OKLCH
- #110101 color page →
bg
#110101
- RGB
- rgb(17 1 1)
- HSL
- hsl(0 89% 4%)
- OKLCH
- oklch(0.117 0.04 25.9)
WCAG contrast: on white 20.41:1 (AAA) · on black 1.02:1 (Fail)
- #7D0000 color page →
surface
#7D0000
- RGB
- rgb(125 0 0)
- HSL
- hsl(0 100% 25%)
- OKLCH
- oklch(0.37 0.152 29.2)
WCAG contrast: on white 11.21:1 (AAA) · on black 1.87:1 (Fail)
- #CD0F2D color page →
primary
#CD0F2D
- RGB
- rgb(205 15 45)
- HSL
- hsl(351 86% 43%)
- OKLCH
- oklch(0.539 0.212 22.9)
WCAG contrast: on white 5.67:1 (AA) · on black 3.70:1 (Fail)
- #FF8278 color page →
accent
#FF8278
- RGB
- rgb(255 130 120)
- HSL
- hsl(4 100% 74%)
- OKLCH
- oklch(0.746 0.154 26.1)
WCAG contrast: on white 2.40:1 (Fail) · on black 8.71:1 (AAA)
- #FFEAE4 color page →
text
#FFEAE4
- RGB
- rgb(255 234 228)
- HSL
- hsl(13 100% 95%)
- OKLCH
- oklch(0.952 0.024 36.5)
WCAG contrast: on white 1.15:1 (Fail) · on black 18.14:1 (AAA)
Export Vermilion Scarlet Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #110101;
--surface: #7d0000;
--primary: #cd0f2d;
--accent: #ff8278;
--text: #ffeae4;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #110101;
--color-surface: #7d0000;
--color-primary: #cd0f2d;
--color-accent: #ff8278;
--color-text: #ffeae4;
}JSON (DTCG tokens)
{
"vermilion-scarlet-quartz-3g5": {
"bg": {
"$type": "color",
"$value": "#110101"
},
"surface": {
"$type": "color",
"$value": "#7d0000"
},
"primary": {
"$type": "color",
"$value": "#cd0f2d"
},
"accent": {
"$type": "color",
"$value": "#ff8278"
},
"text": {
"$type": "color",
"$value": "#ffeae4"
}
}
}About this palette
Vermilion Scarlet Quartz is a 5-color OKLCH-ready palette tagged orange, warm, monochromatic, 5 colors. Hex values: #110101, #7D0000, #CD0F2D, #FF8278, #FFEAE4. APCA contrast score Lc 9.2. 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 Vermilion Scarlet Quartz by OKLab color distance.