色名 · #CCD9C9
April Mist
April Mistは#CCD9C9：rgb(204 217 201)、hsl(109 17% 82%)、oklch(0.871 0.026 139.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · April Mist color name →
#CCD9C9
oklch(0.871 0.026 139.8)
カラー変換
- HEX
- #ccd9c9
- RGB
- rgb(204 217 201)
- HSL
- hsl(109 17% 82%)
- HWB
- hwb(109 79% 15%)
- OKLCH
- oklch(0.871 0.026 139.8)
- OKLab
- oklab(0.871 -0.02 0.017)
- CIE Lab
- lab(85.36 -6.72 6.33)
- LCH
- lch(85.36 9.23 136.7)
- CMYK
- cmyk(6% 0% 7% 15%)
ティント · シェード · トーン
ティント
- D1DDCE
- D6E1D4
- DBE4D9
- E0E8DE
- E5ECE4
- EAF0E9
- F0F4EF
- F5F7F4
- FAFBFA
シェード
- B1BCAE
- 97A195
- 7E867C
- 656C64
- 4E534C
- 373B36
- 222522
- 0F110F
- 020202
トーン
- C4D0C1
- BCC7BA
- B5BDB3
- ADB4AB
- A5ABA4
- 9EA39D
- 969A95
- 8F918E
- 878987
カラーハーモニー
補色 +180°
- CCD9C9
April Mist
- DCCFDF
≈ Purple Mist
類似色 -30° +30°
- CCD9C9
April Mist
- D5D6C3
≈ Wine Bottle
- C5DAD2
≈ Cool Mint
トライアド +120° +240°
- CCD9C9
April Mist
- CBD5E6
≈ Mother of Pearl Silver
- E5CECE
≈ Slightly Rose
スプリットコンプリメンタリー +150° +210°
- CCD9C9
April Mist
- D4D2E5
≈ Light Pax
- E3CED7
≈ Ephemeral Red
テトラード +90° +180° +270°
- CCD9C9
April Mist
- C4D8E2
≈ Distant Shore
- DCCFDF
≈ Purple Mist
- E3D0C6
≈ Wheat Seed
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.46:1 · APCA Lc 22
Ag
AAA黒の上
WCAG 14.33:1 · APCA Lc 81
最適な文字色: #000000
WCAG 14.33:1 (AAA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--april-mist: #ccd9c9;
--april-mist-rgb: 204 217 201;
--april-mist-oklch: oklch(0.871 0.026 139.8);
}
.element {
color: var(--april-mist);
background-color: hsl(109 17% 82%);
border-color: oklch(0.871 0.026 139.8);
}Tailwind CSS v4
@theme {
--color-april-mist: #ccd9c9;
--color-april-mist-50: #f1f7f0;
--color-april-mist-100: #e3eae2;
--color-april-mist-200: #ced7cd;
--color-april-mist-300: #b0bbaf;
--color-april-mist-400: #97a294;
--color-april-mist-500: #7d8b7a;
--color-april-mist-600: #6a7568;
--color-april-mist-700: #555e53;
--color-april-mist-800: #3e453c;
--color-april-mist-900: #2b2f29;
--color-april-mist-950: #181c17;
}SCSS
$april-mist: #ccd9c9;
$april-mist-rgb: 204, 217, 201;
$april-mist-light: mix(#fff, $april-mist, 20%);
$april-mist-dark: mix(#000, $april-mist, 20%);
.element {
color: $april-mist;
box-shadow: 0 0 0 2px rgba($april-mist, 0.35);
}