Named color · #D3B2C3
Tranquil Dusk
Tranquil Dusk is #D3B2C3: rgb(211 178 195), hsl(329 27% 76%), oklch(0.797 0.044 345.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Tranquil Dusk color name →
#D3B2C3
oklch(0.797 0.044 345.7)
Color conversions
- HEX
- #d3b2c3
- RGB
- rgb(211 178 195)
- HSL
- hsl(329 27% 76%)
- HWB
- hwb(329 70% 17%)
- OKLCH
- oklch(0.797 0.044 345.7)
- OKLab
- oklab(0.797 0.043 -0.011)
- CIE Lab
- lab(75.9 14.39 -3.99)
- LCH
- lch(75.9 14.94 344.5)
- CMYK
- cmyk(0% 16% 8% 17%)
Tints · Shades · Tones
Tints
- D7BAC9
- DCC1CF
- E0C9D5
- E5D0DB
- E9D8E1
- EEE0E7
- F2E7ED
- F6EFF3
- FBF7F9
Shades
- B79AA9
- 9C8390
- 826D78
- 695760
- 51434A
- 3A2F34
- 241D20
- 100C0E
- 020102
Tones
- CAADBC
- C2A8B5
- BAA3AE
- B19EA8
- A999A1
- A1949A
- 988F94
- 908A8D
- 888586
Color harmonies
Complementary +180°
- D3B2C3
Tranquil Dusk
- A3C6B6
≈ Lobaria Lichen
Analogous -30° +30°
- D3B2C3
Tranquil Dusk
- C8B5D1
≈ Sweet Scent
- D8B2B3
≈ Radiant Rouge
Triadic +120° +240°
- D3B2C3
Tranquil Dusk
- C0BF9F
≈ Shaken or Stirred?
- 9FC3D3
≈ June
Split-complementary +150° +210°
- D3B2C3
Tranquil Dusk
- B1C4A8
≈ Belladonna’s Leaf
- 9CC6C6
≈ Raindrop
Tetradic +90° +180° +270°
- D3B2C3
Tranquil Dusk
- CEBA9E
≈ Wildwood
- A3C6B6
≈ Lobaria Lichen
- ABBFDA
≈ Canopy Bed
Contrast & accessibility
Ag
FailOn white
WCAG 1.92:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.92:1 · APCA Lc 66
Best text color: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--tranquil-dusk: #d3b2c3;
--tranquil-dusk-rgb: 211 178 195;
--tranquil-dusk-oklch: oklch(0.797 0.044 345.7);
}
.element {
color: var(--tranquil-dusk);
background-color: hsl(329 27% 76%);
border-color: oklch(0.797 0.044 345.7);
}Tailwind CSS v4
@theme {
--color-tranquil-dusk: #d3b2c3;
--color-tranquil-dusk-50: #fff0f7;
--color-tranquil-dusk-100: #f4e2ea;
--color-tranquil-dusk-200: #e4cdd8;
--color-tranquil-dusk-300: #caafbb;
--color-tranquil-dusk-400: #b394a4;
--color-tranquil-dusk-500: #9d7b8c;
--color-tranquil-dusk-600: #846877;
--color-tranquil-dusk-700: #6a535f;
--color-tranquil-dusk-800: #4e3c46;
--color-tranquil-dusk-900: #362931;
--color-tranquil-dusk-950: #21171d;
}SCSS
$tranquil-dusk: #d3b2c3;
$tranquil-dusk-rgb: 211, 178, 195;
$tranquil-dusk-light: mix(#fff, $tranquil-dusk, 20%);
$tranquil-dusk-dark: mix(#000, $tranquil-dusk, 20%);
.element {
color: $tranquil-dusk;
box-shadow: 0 0 0 2px rgba($tranquil-dusk, 0.35);
}