Named color · #C1537D
Fat Smooch
Fat Smooch is #C1537D: rgb(193 83 125), hsl(337 47% 54%), oklch(0.594 0.147 358.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Fat Smooch color name →
#C1537D
oklch(0.594 0.147 358.6)
Color conversions
- HEX
- #c1537d
- RGB
- rgb(193 83 125)
- HSL
- hsl(337 47% 54%)
- HWB
- hwb(337 33% 24%)
- OKLCH
- oklch(0.594 0.147 358.6)
- OKLab
- oklab(0.594 0.147 -0.003)
- CIE Lab
- lab(51.05 47.99 -0.71)
- LCH
- lch(51.05 47.99 359.2)
- CMYK
- cmyk(0% 57% 35% 24%)
Tints · Shades · Tones
Tints
- C96589
- D17696
- D888A2
- DF99AF
- E5A9BC
- EBBAC9
- F1CBD6
- F6DDE4
- FBEEF1
Shades
- A7476C
- 8F3B5B
- 77304B
- 5F253B
- 491B2C
- 34111E
- 200811
- 0E0205
- 020001
Tones
- BB597D
- B65E7E
- B0647E
- AA687E
- A46D7F
- 9D717F
- 97757F
- 8F797F
- 887D80
Color harmonies
Complementary +180°
- C1537D
Fat Smooch
- 00937F
≈ Aqua Waters
Analogous -30° +30°
- C1537D
Fat Smooch
- AD5AA9
≈ Royalty Loyalty
- C75649
≈ Cedar Chest
Triadic +120° +240°
- C1537D
Fat Smooch
- 778900
≈ Elwynn Forest Olive
- 0087C4
≈ Azul Caribe
Split-complementary +150° +210°
- C1537D
Fat Smooch
- 2C9549
≈ Garnish
- 008F9F
≈ Coral Coast
Tetradic +90° +180° +270°
- C1537D
Fat Smooch
- 9C7900
≈ Yellowish Brown
- 00937F
≈ Aqua Waters
- 5A77D5
≈ Indigo Light
Contrast & accessibility
Ag
FailOn white
WCAG 4.37:1 · APCA Lc 70
Ag
AAOn black
WCAG 4.80:1 · APCA Lc 32
Best text color: #000000
WCAG 4.80:1 (AA) · APCA Lc 32
Contrast pairs
Code snippets
CSS
:root {
--fat-smooch: #c1537d;
--fat-smooch-rgb: 193 83 125;
--fat-smooch-oklch: oklch(0.594 0.147 358.6);
}
.element {
color: var(--fat-smooch);
background-color: hsl(337 47% 54%);
border-color: oklch(0.594 0.147 358.6);
}Tailwind CSS v4
@theme {
--color-fat-smooch: #c1537d;
--color-fat-smooch-50: #ffe4f3;
--color-fat-smooch-100: #ffd4e5;
--color-fat-smooch-200: #ffbad1;
--color-fat-smooch-300: #f597b3;
--color-fat-smooch-400: #e2769d;
--color-fat-smooch-500: #d05585;
--color-fat-smooch-600: #af4970;
--color-fat-smooch-700: #8d3a5a;
--color-fat-smooch-800: #682943;
--color-fat-smooch-900: #491c2f;
--color-fat-smooch-950: #300b1b;
}SCSS
$fat-smooch: #c1537d;
$fat-smooch-rgb: 193, 83, 125;
$fat-smooch-light: mix(#fff, $fat-smooch, 20%);
$fat-smooch-dark: mix(#000, $fat-smooch, 20%);
.element {
color: $fat-smooch;
box-shadow: 0 0 0 2px rgba($fat-smooch, 0.35);
}