Palette · 9 colors · Lc 10
Luminous Fish Boy Ribbon palette
Luminous Fish Boy Ribbon: a 9-color palette (Blue, Cold, 9 Colors). HEX, RGB, HSL and OKLCH for #DAFFFB, #82E9E1, #00D3CC, #00B1A1, #009287, #006F77, #00484F, #002830, #001215, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#DAFFFB
surface
#82E9E1
muted
#00D3CC
primary
#00B1A1
secondary
#009287
accent
#006F77
highlight
#00484F
border
#002830
text
#001215
Colors in Luminous Fish Boy Ribbon: HEX, RGB, HSL & OKLCH
- #DAFFFB color page →
bg
#DAFFFB
- RGB
- rgb(218 255 251)
- HSL
- hsl(174 100% 93%)
- OKLCH
- oklch(0.973 0.038 188.6)
WCAG contrast: on white 1.06:1 (Fail) · on black 19.67:1 (AAA)
- #82E9E1 color page →
surface
#82E9E1
- RGB
- rgb(130 233 225)
- HSL
- hsl(175 70% 71%)
- OKLCH
- oklch(0.869 0.097 189)
WCAG contrast: on white 1.42:1 (Fail) · on black 14.69:1 (AAA)
- #00D3CC color page →
muted
#00D3CC
- RGB
- rgb(0 211 204)
- HSL
- hsl(178 100% 41%)
- OKLCH
- oklch(0.782 0.135 190.5)
WCAG contrast: on white 1.87:1 (Fail) · on black 11.18:1 (AAA)
- #00B1A1 color page →
primary
#00B1A1
- RGB
- rgb(0 177 161)
- HSL
- hsl(175 100% 35%)
- OKLCH
- oklch(0.683 0.121 183.6)
WCAG contrast: on white 2.69:1 (Fail) · on black 7.80:1 (AAA)
- #009287 color page →
secondary
#009287
- RGB
- rgb(0 146 135)
- HSL
- hsl(175 100% 29%)
- OKLCH
- oklch(0.594 0.104 185.5)
WCAG contrast: on white 3.84:1 (Fail) · on black 5.46:1 (AA)
- #006F77 color page →
accent
#006F77
- RGB
- rgb(0 111 119)
- HSL
- hsl(184 100% 23%)
- OKLCH
- oklch(0.494 0.084 203.5)
WCAG contrast: on white 5.93:1 (AA) · on black 3.54:1 (Fail)
- #00484F color page →
highlight
#00484F
- RGB
- rgb(0 72 79)
- HSL
- hsl(185 100% 15%)
- OKLCH
- oklch(0.367 0.063 205.9)
WCAG contrast: on white 10.29:1 (AAA) · on black 2.03:1 (Fail)
- #002830 color page →
border
#002830
- RGB
- rgb(0 40 48)
- HSL
- hsl(190 100% 9%)
- OKLCH
- oklch(0.255 0.045 214.5)
WCAG contrast: on white 15.59:1 (AAA) · on black 1.34:1 (Fail)
- #001215 color page →
text
#001215
- RGB
- rgb(0 18 21)
- HSL
- hsl(189 100% 4%)
- OKLCH
- oklch(0.167 0.029 207.5)
WCAG contrast: on white 19.13:1 (AAA) · on black 1.09:1 (Fail)
Export Luminous Fish Boy Ribbon: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #dafffb;
--surface: #82e9e1;
--muted: #00d3cc;
--primary: #00b1a1;
--secondary: #009287;
--accent: #006f77;
--highlight: #00484f;
--border: #002830;
--text: #001215;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #dafffb;
--color-surface: #82e9e1;
--color-muted: #00d3cc;
--color-primary: #00b1a1;
--color-secondary: #009287;
--color-accent: #006f77;
--color-highlight: #00484f;
--color-border: #002830;
--color-text: #001215;
}JSON (DTCG tokens)
{
"luminous-fish-boy-ribbon-346": {
"bg": {
"$type": "color",
"$value": "#dafffb"
},
"surface": {
"$type": "color",
"$value": "#82e9e1"
},
"muted": {
"$type": "color",
"$value": "#00d3cc"
},
"primary": {
"$type": "color",
"$value": "#00b1a1"
},
"secondary": {
"$type": "color",
"$value": "#009287"
},
"accent": {
"$type": "color",
"$value": "#006f77"
},
"highlight": {
"$type": "color",
"$value": "#00484f"
},
"border": {
"$type": "color",
"$value": "#002830"
},
"text": {
"$type": "color",
"$value": "#001215"
}
}
}About this palette
Luminous Fish Boy Ribbon is a 9-color OKLCH-ready palette tagged blue, cold, 9 colors. Hex values: #DAFFFB, #82E9E1, #00D3CC, #00B1A1, #009287, #006F77, #00484F, #002830, #001215. APCA contrast score Lc 10. 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 Luminous Fish Boy Ribbon by OKLab color distance.