Named color · #975476
Sea Fan Fuchsia
Sea Fan Fuchsia is #975476: rgb(151 84 118), hsl(330 29% 46%), oklch(0.535 0.099 349.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Sea Fan Fuchsia color name →
#975476
oklch(0.535 0.099 349.2)
Color conversions
- HEX
- #975476
- RGB
- rgb(151 84 118)
- HSL
- hsl(330 29% 46%)
- HWB
- hwb(330 33% 41%)
- OKLCH
- oklch(0.535 0.099 349.2)
- OKLab
- oklab(0.535 0.097 -0.018)
- CIE Lab
- lab(44.72 31.78 -6.64)
- LCH
- lch(44.72 32.47 348.2)
- CMYK
- cmyk(0% 44% 22% 41%)
Tints · Shades · Tones
Tints
- A26483
- AD7590
- B8859D
- C296AB
- CDA7B8
- D7B8C6
- E1CAD4
- EBDBE2
- F5EDF1
Shades
- 834866
- 6F3C56
- 5C3147
- 492638
- 371B29
- 26111C
- 17080F
- 080205
- 010001
Tones
- 955977
- 945E78
- 926279
- 90677A
- 8D6B7B
- 8B6F7C
- 89747D
- 86787E
- 837C7F
Color harmonies
Complementary +180°
- 975476
Sea Fan Fuchsia
- 1C7F63
≈ Deep Sea
Analogous -30° +30°
- 975476
Sea Fan Fuchsia
- 865A91
≈ Purple Tanzanite
- 9E5456
≈ Brown Cerberus
Triadic +120° +240°
- 975476
Sea Fan Fuchsia
- 727224
≈ Olivetone
- 18779B
≈ Sea Sight
Split-complementary +150° +210°
- 975476
Sea Fan Fuchsia
- 4E7B42
≈ Mana Tree
- 007D81
≈ Macquarie
Tetradic +90° +180° +270°
- 975476
Sea Fan Fuchsia
- 8B661D
≈ Hunting Jacket
- 1C7F63
≈ Deep Sea
- 496DA6
≈ New Age Blue
Contrast & accessibility
Ag
AAOn white
WCAG 5.46:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.84:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.46:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--sea-fan-fuchsia: #975476;
--sea-fan-fuchsia-rgb: 151 84 118;
--sea-fan-fuchsia-oklch: oklch(0.535 0.099 349.2);
}
.element {
color: var(--sea-fan-fuchsia);
background-color: hsl(330 29% 46%);
border-color: oklch(0.535 0.099 349.2);
}Tailwind CSS v4
@theme {
--color-sea-fan-fuchsia: #975476;
--color-sea-fan-fuchsia-50: #ffeaf8;
--color-sea-fan-fuchsia-100: #ffdbec;
--color-sea-fan-fuchsia-200: #f6c4d9;
--color-sea-fan-fuchsia-300: #dfa3bd;
--color-sea-fan-fuchsia-400: #cb86a7;
--color-sea-fan-fuchsia-500: #b66a90;
--color-sea-fan-fuchsia-600: #9a5a7a;
--color-sea-fan-fuchsia-700: #7c4862;
--color-sea-fan-fuchsia-800: #5b3449;
--color-sea-fan-fuchsia-900: #402332;
--color-sea-fan-fuchsia-950: #28121e;
}SCSS
$sea-fan-fuchsia: #975476;
$sea-fan-fuchsia-rgb: 151, 84, 118;
$sea-fan-fuchsia-light: mix(#fff, $sea-fan-fuchsia, 20%);
$sea-fan-fuchsia-dark: mix(#000, $sea-fan-fuchsia, 20%);
.element {
color: $sea-fan-fuchsia;
box-shadow: 0 0 0 2px rgba($sea-fan-fuchsia, 0.35);
}