Nearest named color · #6F2C4C
#6F2C4C
Nearest named color: Flirt
#6F2C4C (rgb(111 44 76), hsl(331 43% 30%), oklch(0.398 0.102 352.9)) is closest to the named color Flirt. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6F2C4C
oklch(0.398 0.102 352.9)
Color conversions
- HEX
- #6f2c4c
- RGB
- rgb(111 44 76)
- HSL
- hsl(331 43% 30%)
- HWB
- hwb(331 17% 56%)
- OKLCH
- oklch(0.398 0.102 352.9)
- OKLab
- oklab(0.398 0.101 -0.013)
- CIE Lab
- lab(28.85 32.94 -4.38)
- LCH
- lch(28.85 33.23 352.4)
- CMYK
- cmyk(0% 60% 32% 56%)
Tints · Shades · Tones
Tints
- 7E405C
- 8D546D
- 9C687E
- AA7D8F
- B892A1
- C7A7B3
- D5BCC6
- E3D2D8
- F1E8EC
Shades
- 602541
- 511E36
- 42172C
- 341122
- 270A18
- 1A050F
- 0E0206
- 040102
- 010000
Tones
- 723551
- 743E56
- 77465B
- 794F60
- 7A5765
- 7C5F6B
- 7D6770
- 7F7075
- 7F787B
Color harmonies
Complementary +180°
- 6F2C4C
Flirt
- 005443
≈ Tetsu Green
Analogous -30° +30°
- 6F2C4C
Flirt
- 613267
≈ Wineberry
- 752C2C
≈ Tamarillo
Triadic +120° +240°
Split-complementary +150° +210°
- 6F2C4C
Flirt
- 1F541E
≈ Patch of Land
- 005257
≈ Cathedral View
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 9.81:1 · APCA Lc 92
Ag
FailOn black
WCAG 2.14:1 · APCA Lc 10
Best text color: #FFFFFF
WCAG 9.81:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--flirt: #6f2c4c;
--flirt-rgb: 111 44 76;
--flirt-oklch: oklch(0.398 0.102 352.9);
}
.element {
color: var(--flirt);
background-color: hsl(331 43% 30%);
border-color: oklch(0.398 0.102 352.9);
}Tailwind CSS v4
@theme {
--color-flirt: #6f2c4c;
--color-flirt-50: #ffeaf7;
--color-flirt-100: #ffdaea;
--color-flirt-200: #f9c3d6;
--color-flirt-300: #e2a2ba;
--color-flirt-400: #ce85a4;
--color-flirt-500: #ba688c;
--color-flirt-600: #9d5877;
--color-flirt-700: #7e475f;
--color-flirt-800: #5d3347;
--color-flirt-900: #412331;
--color-flirt-950: #29111d;
}SCSS
$flirt: #6f2c4c;
$flirt-rgb: 111, 44, 76;
$flirt-light: mix(#fff, $flirt, 20%);
$flirt-dark: mix(#000, $flirt, 20%);
.element {
color: $flirt;
box-shadow: 0 0 0 2px rgba($flirt, 0.35);
}