色名 · #C9E5DA
Mint Whisper
Mint Whisperは#C9E5DA：rgb(201 229 218)、hsl(156 35% 84%)、oklch(0.898 0.033 169.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Mint Whisper color name →
#C9E5DA
oklch(0.898 0.033 169.9)
カラー変換
- HEX
- #c9e5da
- RGB
- rgb(201 229 218)
- HSL
- hsl(156 35% 84%)
- HWB
- hwb(156 79% 10%)
- OKLCH
- oklch(0.898 0.033 169.9)
- OKLab
- oklab(0.898 -0.033 0.006)
- CIE Lab
- lab(88.65 -11.14 2.1)
- LCH
- lch(88.65 11.33 169.3)
- CMYK
- cmyk(12% 0% 5% 10%)
ティント · シェード · トーン
ティント
- CEE8DE
- D4EAE1
- D9EDE5
- DFEFE9
- E4F2EC
- E9F5F0
- EFF7F4
- F4FAF8
- FAFCFB
シェード
- AEC7BD
- 95AAA2
- 7C8E87
- 64726C
- 4C5854
- 363F3C
- 222825
- 0F1211
- 020302
トーン
- C2DAD1
- BAD0C7
- B3C6BE
- ABBBB5
- A4B1AC
- 9DA7A3
- 959D9A
- 8E9391
- 878A89
カラーハーモニー
補色 +180°
- C9E5DA
Mint Whisper
- F0D5E0
≈ Pomodoro e Mozzarella
類似色 -30° +30°
- C9E5DA
Mint Whisper
- D2E3CF
≈ Lime Flip
- C5E5E6
≈ Swimming
トライアド +120° +240°
- C9E5DA
Mint Whisper
- DDDAF3
≈ Nostalgia Perfume
- F1D8CA
≈ Peach Dust
スプリットコンプリメンタリー +150° +210°
- C9E5DA
Mint Whisper
- E8D7EB
≈ Pale Grey Magenta
- F3D5D4
≈ French Bustle
テトラード +90° +180° +270°
- C9E5DA
Mint Whisper
- D1DEF4
≈ Puffy Cloud
- F0D5E0
≈ Pomodoro e Mozzarella
- E9DCC5
≈ Yellow Page
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.33:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.70:1 · APCA Lc 87
最適な文字色: #000000
WCAG 15.70:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--mint-whisper: #c9e5da;
--mint-whisper-rgb: 201 229 218;
--mint-whisper-oklch: oklch(0.898 0.033 169.9);
}
.element {
color: var(--mint-whisper);
background-color: hsl(156 35% 84%);
border-color: oklch(0.898 0.033 169.9);
}Tailwind CSS v4
@theme {
--color-mint-whisper: #c9e5da;
--color-mint-whisper-50: #ecf8f4;
--color-mint-whisper-100: #deece6;
--color-mint-whisper-200: #c7d9d2;
--color-mint-whisper-300: #a7bdb5;
--color-mint-whisper-400: #8ca59b;
--color-mint-whisper-500: #718e83;
--color-mint-whisper-600: #60786f;
--color-mint-whisper-700: #4c6058;
--color-mint-whisper-800: #384640;
--color-mint-whisper-900: #26312c;
--color-mint-whisper-950: #141d19;
}SCSS
$mint-whisper: #c9e5da;
$mint-whisper-rgb: 201, 229, 218;
$mint-whisper-light: mix(#fff, $mint-whisper, 20%);
$mint-whisper-dark: mix(#000, $mint-whisper, 20%);
.element {
color: $mint-whisper;
box-shadow: 0 0 0 2px rgba($mint-whisper, 0.35);
}