Nearest named color · #D3839F
#D3839F
Nearest named color: Primrose
#D3839F (rgb(211 131 159), hsl(339 48% 67%), oklch(0.702 0.104 357.6)) is closest to the named color Primrose. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D3839F
oklch(0.702 0.104 357.6)
Color conversions
- HEX
- #d3839f
- RGB
- rgb(211 131 159)
- HSL
- hsl(339 48% 67%)
- HWB
- hwb(339 51% 17%)
- OKLCH
- oklch(0.702 0.104 357.6)
- OKLab
- oklab(0.702 0.104 -0.004)
- CIE Lab
- lab(64.05 34.28 -1.26)
- LCH
- lch(64.05 34.3 357.9)
- CMYK
- cmyk(0% 38% 25% 17%)
Tints · Shades · Tones
Tints
- D88FA8
- DD9CB2
- E2A8BB
- E7B4C4
- ECC1CE
- F0CDD8
- F4D9E1
- F8E6EB
- FCF2F5
Shades
- B7718A
- 9C6075
- 824F61
- 693F4D
- 512F3B
- 3A2029
- 241218
- 100609
- 020101
Tones
- CB839C
- C38399
- BB8396
- B38392
- AA838F
- A2828C
- 9A8289
- 918186
- 898183
Color harmonies
Complementary +180°
- D3839F
Primrose
- 48B49E
≈ Sacred Turquoise
Analogous -30° +30°
- D3839F
Primrose
- C287C0
≈ Dragonflies
- D8857B
≈ Island Coral
Triadic +120° +240°
- D3839F
Primrose
- 9AA85A
≈ Springtide Melodies
- 5AA8D8
≈ Cousteau
Split-complementary +150° +210°
- D3839F
Primrose
- 71B179
≈ Appleton
- 3CB1C0
≈ Lago Blue
Tetradic +90° +180° +270°
- D3839F
Primrose
- BA9B4D
≈ Brown Rum
- 48B49E
≈ Sacred Turquoise
- 839DE0
≈ Portage
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.51:1 · APCA Lc 48
Best text color: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--primrose: #d3839f;
--primrose-rgb: 211 131 159;
--primrose-oklch: oklch(0.702 0.104 357.6);
}
.element {
color: var(--primrose);
background-color: hsl(339 48% 67%);
border-color: oklch(0.702 0.104 357.6);
}Tailwind CSS v4
@theme {
--color-primrose: #d3839f;
--color-primrose-50: #ffe9f4;
--color-primrose-100: #ffdae7;
--color-primrose-200: #fbc2d3;
--color-primrose-300: #e4a1b5;
--color-primrose-400: #d0849f;
--color-primrose-500: #bc6786;
--color-primrose-600: #9f5872;
--color-primrose-700: #80465b;
--color-primrose-800: #5e3244;
--color-primrose-900: #42222f;
--color-primrose-950: #2a111b;
}SCSS
$primrose: #d3839f;
$primrose-rgb: 211, 131, 159;
$primrose-light: mix(#fff, $primrose, 20%);
$primrose-dark: mix(#000, $primrose, 20%);
.element {
color: $primrose;
box-shadow: 0 0 0 2px rgba($primrose, 0.35);
}