Palette · 7 colors · Lc 9.2
Clear Fish Boy Quartz palette
Clear Fish Boy Quartz: a 7-color palette (Blue, Cold, 7 Colors). HEX, RGB, HSL and OKLCH for #C8FFFF, #19DFE4, #00B7BC, #009AA0, #006584, #003C4B, #000F13, WCAG contrast on white and black, plus CSS variables, Tailwind and JSON export.
bg
#C8FFFF
surface
#19DFE4
muted
#00B7BC
primary
#009AA0
secondary
#006584
accent
#003C4B
text
#000F13
Colors in Clear Fish Boy Quartz: HEX, RGB, HSL & OKLCH
- #C8FFFF color page →
bg
#C8FFFF
- RGB
- rgb(200 255 255)
- HSL
- hsl(180 100% 89%)
- OKLCH
- oklch(0.963 0.055 196.3)
WCAG contrast: on white 1.09:1 (Fail) · on black 19.20:1 (AAA)
- #19DFE4 color page →
surface
#19DFE4
- RGB
- rgb(25 223 228)
- HSL
- hsl(181 80% 50%)
- OKLCH
- oklch(0.821 0.137 197.8)
WCAG contrast: on white 1.65:1 (Fail) · on black 12.71:1 (AAA)
- #00B7BC color page →
muted
#00B7BC
- RGB
- rgb(0 183 188)
- HSL
- hsl(182 100% 37%)
- OKLCH
- oklch(0.708 0.12 198.3)
WCAG contrast: on white 2.47:1 (Fail) · on black 8.49:1 (AAA)
- #009AA0 color page →
primary
#009AA0
- RGB
- rgb(0 154 160)
- HSL
- hsl(182 100% 31%)
- OKLCH
- oklch(0.624 0.106 199.7)
WCAG contrast: on white 3.42:1 (Fail) · on black 6.12:1 (AA)
- #006584 color page →
secondary
#006584
- RGB
- rgb(0 101 132)
- HSL
- hsl(194 100% 26%)
- OKLCH
- oklch(0.473 0.092 227.8)
WCAG contrast: on white 6.57:1 (AA) · on black 3.19:1 (Fail)
- #003C4B color page →
accent
#003C4B
- RGB
- rgb(0 60 75)
- HSL
- hsl(192 100% 15%)
- OKLCH
- oklch(0.33 0.06 220.9)
WCAG contrast: on white 12.01:1 (AAA) · on black 1.74:1 (Fail)
- #000F13 color page →
text
#000F13
- RGB
- rgb(0 15 19)
- HSL
- hsl(193 100% 4%)
- OKLCH
- oklch(0.155 0.027 213.2)
WCAG contrast: on white 19.48:1 (AAA) · on black 1.07:1 (Fail)
Export Clear Fish Boy Quartz: CSS variables, Tailwind & JSON
CSS variables
:root {
--bg: #c8ffff;
--surface: #19dfe4;
--muted: #00b7bc;
--primary: #009aa0;
--secondary: #006584;
--accent: #003c4b;
--text: #000f13;
}Tailwind CSS v4 @theme
@theme {
--color-bg: #c8ffff;
--color-surface: #19dfe4;
--color-muted: #00b7bc;
--color-primary: #009aa0;
--color-secondary: #006584;
--color-accent: #003c4b;
--color-text: #000f13;
}JSON (DTCG tokens)
{
"clear-fish-boy-quartz-154": {
"bg": {
"$type": "color",
"$value": "#c8ffff"
},
"surface": {
"$type": "color",
"$value": "#19dfe4"
},
"muted": {
"$type": "color",
"$value": "#00b7bc"
},
"primary": {
"$type": "color",
"$value": "#009aa0"
},
"secondary": {
"$type": "color",
"$value": "#006584"
},
"accent": {
"$type": "color",
"$value": "#003c4b"
},
"text": {
"$type": "color",
"$value": "#000f13"
}
}
}About this palette
Clear Fish Boy Quartz is a 7-color OKLCH-ready palette tagged blue, cold, 7 colors. Hex values: #C8FFFF, #19DFE4, #00B7BC, #009AA0, #006584, #003C4B, #000F13. 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 Clear Fish Boy Quartz by OKLab color distance.