Nearest named color · #793048
#793048
Nearest named color: Flirt
#793048 (rgb(121 48 72), hsl(340 43% 33%), oklch(0.419 0.105 2.2)) is closest to the named color Flirt. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#793048
oklch(0.419 0.105 2.2)
Color conversions
- HEX
- #793048
- RGB
- rgb(121 48 72)
- HSL
- hsl(340 43% 33%)
- HWB
- hwb(340 19% 53%)
- OKLCH
- oklch(0.419 0.105 2.2)
- OKLab
- oklab(0.419 0.105 0.004)
- CIE Lab
- lab(31.27 34.28 2)
- LCH
- lch(31.27 34.34 3.3)
- CMYK
- cmyk(0% 60% 40% 53%)
Tints · Shades · Tones
Tints
- 874458
- 955869
- A36C7A
- B1808C
- BE949E
- CCA9B1
- D9BEC4
- E6D3D7
- F2E9EB
Shades
- 68283D
- 582133
- 481A29
- 39131F
- 2B0C16
- 1D060D
- 100306
- 050102
- 010000
Tones
- 7B394D
- 7C4153
- 7E4A58
- 7F525E
- 805963
- 806169
- 81696F
- 817174
- 81787A
Color harmonies
Complementary +180°
- 793048
Flirt
- 005A50
≈ Baltic Prince
Analogous -30° +30°
- 793048
Flirt
- 6D3466
≈ Grape
- 7C3325
≈ Roycroft Copper Red
Triadic +120° +240°
Split-complementary +150° +210°
- 793048
Flirt
- 0A5C2E
≈ Sombre Green
- 005764
≈ Abyssal Waters
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 9.01:1 · APCA Lc 90
Ag
FailOn black
WCAG 2.32:1 · APCA Lc 12
Best text color: #FFFFFF
WCAG 9.01:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--flirt: #793048;
--flirt-rgb: 121 48 72;
--flirt-oklch: oklch(0.419 0.105 2.2);
}
.element {
color: var(--flirt);
background-color: hsl(340 43% 33%);
border-color: oklch(0.419 0.105 2.2);
}Tailwind CSS v4
@theme {
--color-flirt: #793048;
--color-flirt-50: #ffe9f1;
--color-flirt-100: #ffdae4;
--color-flirt-200: #fcc2cf;
--color-flirt-300: #e6a1b1;
--color-flirt-400: #d28499;
--color-flirt-500: #be6780;
--color-flirt-600: #a1576d;
--color-flirt-700: #814657;
--color-flirt-800: #5f3241;
--color-flirt-900: #43222d;
--color-flirt-950: #2b111a;
}SCSS
$flirt: #793048;
$flirt-rgb: 121, 48, 72;
$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);
}