Palette · 10 colors · Lc 8.3
Atomic Kinky Pinky Harbor palette
Atomic Kinky Pinky Harbor: a 10-color palette (Red, Warm, OKLCH Neon, Cyberpunk). HEX, RGB, HSL and OKLCH for #020206, #4A2B7C, #A161FF, #F049C9, #FF4E36, #D98000, #3AAF1B, #00BCBC, #7CD1FF, #DEDCE4, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
- Red
- Warm
- OKLCH Neon
- Cyberpunk
- Rainbow
- 10 Colors
bg
#020206
surface
#4A2B7C
muted
#A161FF
primary
#F049C9
secondary
#FF4E36
accent
#D98000
highlight
#3AAF1B
border
#00BCBC
focus
#7CD1FF
text
#DEDCE4
Colors in Atomic Kinky Pinky Harbor: HEX, RGB, HSL & OKLCH
- #020206 color page →
bg
#020206
- RGB
- rgb(2 2 6)
- HSL
- hsl(240 50% 2%)
- OKLCH
- oklch(0.09 0.017 282.4)
WCAG contrast: on white 20.71:1 (AAA) · on black 1.01:1 (Fail)
- #4A2B7C color page →
surface
#4A2B7C
- RGB
- rgb(74 43 124)
- HSL
- hsl(263 49% 33%)
- OKLCH
- oklch(0.374 0.131 297.2)
WCAG contrast: on white 10.89:1 (AAA) · on black 1.92:1 (Fail)
- #A161FF color page →
muted
#A161FF
- RGB
- rgb(161 97 255)
- HSL
- hsl(264 100% 69%)
- OKLCH
- oklch(0.64 0.225 298.5)
WCAG contrast: on white 3.70:1 (Fail) · on black 5.66:1 (AA)
- #F049C9 color page →
primary
#F049C9
- RGB
- rgb(240 73 201)
- HSL
- hsl(314 85% 61%)
- OKLCH
- oklch(0.682 0.24 338.8)
WCAG contrast: on white 3.23:1 (Fail) · on black 6.50:1 (AA)
- #FF4E36 color page →
secondary
#FF4E36
- RGB
- rgb(255 78 54)
- HSL
- hsl(7 100% 61%)
- OKLCH
- oklch(0.671 0.217 31)
WCAG contrast: on white 3.28:1 (Fail) · on black 6.39:1 (AA)
- #D98000 color page →
accent
#D98000
- RGB
- rgb(217 128 0)
- HSL
- hsl(35 100% 43%)
- OKLCH
- oklch(0.681 0.154 63.7)
WCAG contrast: on white 2.98:1 (Fail) · on black 7.03:1 (AAA)
- #3AAF1B color page →
highlight
#3AAF1B
- RGB
- rgb(58 175 27)
- HSL
- hsl(107 73% 40%)
- OKLCH
- oklch(0.663 0.204 140.4)
WCAG contrast: on white 2.86:1 (Fail) · on black 7.32:1 (AAA)
- #00BCBC color page →
border
#00BCBC
- RGB
- rgb(0 188 188)
- HSL
- hsl(180 100% 37%)
- OKLCH
- oklch(0.72 0.123 194.8)
WCAG contrast: on white 2.35:1 (Fail) · on black 8.91:1 (AAA)
- #7CD1FF color page →
focus
#7CD1FF
- RGB
- rgb(124 209 255)
- HSL
- hsl(201 100% 74%)
- OKLCH
- oklch(0.824 0.105 233.7)
WCAG contrast: on white 1.69:1 (Fail) · on black 12.42:1 (AAA)
- #DEDCE4 color page →
text
#DEDCE4
- RGB
- rgb(222 220 228)
- HSL
- hsl(255 13% 88%)
- OKLCH
- oklch(0.898 0.011 297.6)
WCAG contrast: on white 1.35:1 (Fail) · on black 15.46:1 (AAA)
Export Atomic Kinky Pinky Harbor: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #020206;
--surface: #4a2b7c;
--muted: #a161ff;
--primary: #f049c9;
--secondary: #ff4e36;
--accent: #d98000;
--highlight: #3aaf1b;
--border: #00bcbc;
--focus: #7cd1ff;
--text: #dedce4;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #020206;
--color-surface: #4a2b7c;
--color-muted: #a161ff;
--color-primary: #f049c9;
--color-secondary: #ff4e36;
--color-accent: #d98000;
--color-highlight: #3aaf1b;
--color-border: #00bcbc;
--color-focus: #7cd1ff;
--color-text: #dedce4;
}JSON (DTCG tokens)
{
"atomic-kinky-pinky-harbor-2vr": {
"bg": {
"$type": "color",
"$value": "#020206"
},
"surface": {
"$type": "color",
"$value": "#4a2b7c"
},
"muted": {
"$type": "color",
"$value": "#a161ff"
},
"primary": {
"$type": "color",
"$value": "#f049c9"
},
"secondary": {
"$type": "color",
"$value": "#ff4e36"
},
"accent": {
"$type": "color",
"$value": "#d98000"
},
"highlight": {
"$type": "color",
"$value": "#3aaf1b"
},
"border": {
"$type": "color",
"$value": "#00bcbc"
},
"focus": {
"$type": "color",
"$value": "#7cd1ff"
},
"text": {
"$type": "color",
"$value": "#dedce4"
}
}
}About this palette
Atomic Kinky Pinky Harbor is a 10-color OKLCH-ready palette tagged red, warm, oklch neon, cyberpunk, rainbow, 10 colors. Hex values: #020206, #4A2B7C, #A161FF, #F049C9, #FF4E36, #D98000, #3AAF1B, #00BCBC, #7CD1FF, #DEDCE4. APCA contrast score Lc 8.3. 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 Atomic Kinky Pinky Harbor by OKLab color distance.