Named color · #D0D2C5
Particular Mint
Particular Mint is #D0D2C5: rgb(208 210 197), hsl(69 13% 80%), oklch(0.859 0.018 113.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Particular Mint color name →
#D0D2C5
oklch(0.859 0.018 113.9)
Color conversions
- HEX
- #d0d2c5
- RGB
- rgb(208 210 197)
- HSL
- hsl(69 13% 80%)
- HWB
- hwb(69 77% 18%)
- OKLCH
- oklch(0.859 0.018 113.9)
- OKLab
- oklab(0.859 -0.007 0.016)
- CIE Lab
- lab(83.77 -2.43 6.22)
- LCH
- lch(83.77 6.67 111.3)
- CMYK
- cmyk(1% 0% 6% 18%)
Tints · Shades · Tones
Tints
- D5D6CB
- D9DBD0
- DEDFD6
- E3E4DC
- E7E8E2
- ECEDE8
- F1F1ED
- F5F6F3
- FAFAF9
Shades
- B5B6AB
- 9A9B92
- 808179
- 676861
- 4F504B
- 393935
- 232421
- 10100E
- 020202
Tones
- C8C9BE
- BFC1B7
- B7B9B0
- AFB0A9
- A7A8A2
- 9FA09B
- 979894
- 8F908D
- 888887
Color harmonies
Complementary +180°
- D0D2C5
Particular Mint
- D1CFDB
≈ Lavender Sparkle
Analogous -30° +30°
- D0D2C5
Particular Mint
- D6D0C4
≈ Offbeat
- CAD4C9
≈ Valley Mist
Triadic +120° +240°
- D0D2C5
Particular Mint
- C6D3DB
≈ Sentimental Lady
- DBCCD1
≈ Silver Mauve
Split-complementary +150° +210°
- D0D2C5
Particular Mint
- CBD1DD
≈ Debonaire
- D7CDD7
≈ Light Puffball
Tetradic +90° +180° +270°
- D0D2C5
Particular Mint
- C4D4D6
≈ Up in the Air
- D1CFDB
≈ Lavender Sparkle
- DCCCCB
≈ Delirious Donkey
Contrast & accessibility
Ag
FailOn white
WCAG 1.53:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.70:1 · APCA Lc 78
Best text color: #000000
WCAG 13.70:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--particular-mint: #d0d2c5;
--particular-mint-rgb: 208 210 197;
--particular-mint-oklch: oklch(0.859 0.018 113.9);
}
.element {
color: var(--particular-mint);
background-color: hsl(69 13% 80%);
border-color: oklch(0.859 0.018 113.9);
}Tailwind CSS v4
@theme {
--color-particular-mint: #d0d2c5;
--color-particular-mint-50: #f5f6f0;
--color-particular-mint-100: #e7e9e2;
--color-particular-mint-200: #d4d5cd;
--color-particular-mint-300: #b7b9af;
--color-particular-mint-400: #9ea094;
--color-particular-mint-500: #86887a;
--color-particular-mint-600: #717368;
--color-particular-mint-700: #5a5c53;
--color-particular-mint-800: #42433c;
--color-particular-mint-900: #2e2e29;
--color-particular-mint-950: #1b1b17;
}SCSS
$particular-mint: #d0d2c5;
$particular-mint-rgb: 208, 210, 197;
$particular-mint-light: mix(#fff, $particular-mint, 20%);
$particular-mint-dark: mix(#000, $particular-mint, 20%);
.element {
color: $particular-mint;
box-shadow: 0 0 0 2px rgba($particular-mint, 0.35);
}