Benoemde kleur · #D7E7D0
Peppermint
Peppermint is #D7E7D0: rgb(215 231 208), hsl(102 32% 86%), oklch(0.91 0.035 136). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Peppermint color name →
#D7E7D0
oklch(0.91 0.035 136)
Kleurconversies
- HEX
- #d7e7d0
- RGB
- rgb(215 231 208)
- HSL
- hsl(102 32% 86%)
- HWB
- hwb(102 82% 9%)
- OKLCH
- oklch(0.91 0.035 136)
- OKLab
- oklab(0.91 -0.025 0.024)
- CIE Lab
- lab(89.97 -8.6 9.33)
- LCH
- lch(89.97 12.69 132.7)
- CMYK
- cmyk(7% 0% 10% 9%)
Tinten · Schaduwen · Tonen
Tinten
- DBE9D5
- DFECD9
- E3EEDE
- E7F1E3
- EBF3E7
- EFF5EC
- F3F8F1
- F7FAF6
- FBFDFA
Schaduwen
- BBC9B5
- 9FAB9A
- 858F80
- 6B7367
- 52594F
- 3B4039
- 252823
- 111310
- 020302
Tonen
- CEDCC8
- C5D2BF
- BCC7B7
- B3BDAF
- ABB2A7
- A2A89F
- 999E97
- 91948F
- 888A88
Kleurharmonieën
Complementair +180°
- D7E7D0
Peppermint
- EBDBF1
≈ Divine Dove
Analoog -30° +30°
- D7E7D0
Peppermint
- E4E3C9
≈ Yellow Phosphenes
- CCE9DC
≈ Turquoise White
Triadisch +120° +240°
- D7E7D0
Peppermint
- D2E3F9
≈ Weathered Blue
- F8D8D9
≈ Lucky You
Gesplitst complementair +150° +210°
- D7E7D0
Peppermint
- DFDEF8
≈ Nostalgia Perfume
- F4D8E6
≈ Nursery Pink
Tetradisch +90° +180° +270°
- D7E7D0
Peppermint
- CAE7F3
≈ First Frost
- EBDBF1
≈ Divine Dove
- F6DBCE
≈ Blanched
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.29:1 · APCA Lc 15
Ag
AAAOp zwart
WCAG 16.23:1 · APCA Lc 89
Beste tekstkleur: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
Codefragmenten
CSS
:root {
--peppermint: #d7e7d0;
--peppermint-rgb: 215 231 208;
--peppermint-oklch: oklch(0.91 0.035 136);
}
.element {
color: var(--peppermint);
background-color: hsl(102 32% 86%);
border-color: oklch(0.91 0.035 136);
}Tailwind CSS v4
@theme {
--color-peppermint: #d7e7d0;
--color-peppermint-50: #f0f8ee;
--color-peppermint-100: #e2ebe0;
--color-peppermint-200: #cdd8ca;
--color-peppermint-300: #afbcab;
--color-peppermint-400: #95a48f;
--color-peppermint-500: #7c8c75;
--color-peppermint-600: #697663;
--color-peppermint-700: #545f4f;
--color-peppermint-800: #3d4539;
--color-peppermint-900: #2a3027;
--color-peppermint-950: #181c15;
}SCSS
$peppermint: #d7e7d0;
$peppermint-rgb: 215, 231, 208;
$peppermint-light: mix(#fff, $peppermint, 20%);
$peppermint-dark: mix(#000, $peppermint, 20%);
.element {
color: $peppermint;
box-shadow: 0 0 0 2px rgba($peppermint, 0.35);
}