色名 · #D7E7D0
Peppermint
Peppermintは#D7E7D0：rgb(215 231 208)、hsl(102 32% 86%)、oklch(0.91 0.035 136)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Peppermint color name →
#D7E7D0
oklch(0.91 0.035 136)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- DBE9D5
- DFECD9
- E3EEDE
- E7F1E3
- EBF3E7
- EFF5EC
- F3F8F1
- F7FAF6
- FBFDFA
シェード
- BBC9B5
- 9FAB9A
- 858F80
- 6B7367
- 52594F
- 3B4039
- 252823
- 111310
- 020302
トーン
- CEDCC8
- C5D2BF
- BCC7B7
- B3BDAF
- ABB2A7
- A2A89F
- 999E97
- 91948F
- 888A88
カラーハーモニー
補色 +180°
- D7E7D0
Peppermint
- EBDBF1
≈ Divine Dove
類似色 -30° +30°
- D7E7D0
Peppermint
- E4E3C9
≈ Yellow Phosphenes
- CCE9DC
≈ Turquoise White
トライアド +120° +240°
- D7E7D0
Peppermint
- D2E3F9
≈ Weathered Blue
- F8D8D9
≈ Lucky You
スプリットコンプリメンタリー +150° +210°
- D7E7D0
Peppermint
- DFDEF8
≈ Nostalgia Perfume
- F4D8E6
≈ Nursery Pink
テトラード +90° +180° +270°
- D7E7D0
Peppermint
- CAE7F3
≈ First Frost
- EBDBF1
≈ Divine Dove
- F6DBCE
≈ Blanched
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.29:1 · APCA Lc 15
Ag
AAA黒の上
WCAG 16.23:1 · APCA Lc 89
最適な文字色: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
コードスニペット
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);
}