色名 · #CCFFCC
Distilled Moss
Distilled Mossは#CCFFCC：rgb(204 255 204)、hsl(120 100% 90%)、oklch(0.952 0.086 144.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Distilled Moss color name →
#CCFFCC
oklch(0.952 0.086 144.9)
カラー変換
- HEX
- #ccffcc
- RGB
- rgb(204 255 204)
- HSL
- hsl(120 100% 90%)
- HWB
- hwb(120 80% 0%)
- OKLCH
- oklch(0.952 0.086 144.9)
- OKLab
- oklab(0.952 -0.07 0.049)
- CIE Lab
- lab(95.49 -23.86 18.94)
- LCH
- lch(95.49 30.46 141.6)
- CMYK
- cmyk(20% 0% 20% 0%)
ティント · シェード · トーン
ティント
- D1FFD1
- D7FFD6
- DCFFDC
- E1FFE1
- E6FFE6
- EBFFEB
- F0FFF0
- F5FFF5
- FAFFFA
シェード
- B1DEB1
- 97BE97
- 7E9E7E
- 658065
- 4E634E
- 374837
- 222E22
- 0F160F
- 020302
トーン
- C4F2C4
- BDE4BD
- B5D7B5
- ADCBAD
- A6BEA6
- 9EB19E
- 97A596
- 8F988F
- 888C87
カラーハーモニー
補色 +180°
- CCFFCC
Distilled Moss
- FEE6FF
≈ Fairy Bubblegum Cloud
類似色 -30° +30°
- CCFFCC
Distilled Moss
- EDF7B4
≈ Chiffon
- BFFFEC
≈ Arabica Mint
トライアド +120° +240°
- CCFFCC
Distilled Moss
- E8EFFF
≈ Brilliant White
- FFE9E7
≈ Sheer Rosebud
スプリットコンプリメンタリー +150° +210°
- CCFFCC
Distilled Moss
- F0ECFF
≈ Placebo Purple
- FFE8F0
≈ Fairy Dust
テトラード +90° +180° +270°
- CCFFCC
Distilled Moss
- DEF3FF
≈ Wizard White
- FEE6FF
≈ Fairy Bubblegum Cloud
- FFEBDE
≈ Pink Glow
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.12:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.74:1 · APCA Lc 99
最適な文字色: #000000
WCAG 18.74:1 (AAA) · APCA Lc 99
Contrast pairs
コードスニペット
CSS
:root {
--distilled-moss: #ccffcc;
--distilled-moss-rgb: 204 255 204;
--distilled-moss-oklch: oklch(0.952 0.086 144.9);
}
.element {
color: var(--distilled-moss);
background-color: hsl(120 100% 90%);
border-color: oklch(0.952 0.086 144.9);
}Tailwind CSS v4
@theme {
--color-distilled-moss: #ccffcc;
--color-distilled-moss-50: #e6fce7;
--color-distilled-moss-100: #d6f0d8;
--color-distilled-moss-200: #bddfbf;
--color-distilled-moss-300: #9bc49e;
--color-distilled-moss-400: #7fac7f;
--color-distilled-moss-500: #619562;
--color-distilled-moss-600: #537e53;
--color-distilled-moss-700: #426542;
--color-distilled-moss-800: #304a2f;
--color-distilled-moss-900: #21331f;
--color-distilled-moss-950: #101f0f;
}SCSS
$distilled-moss: #ccffcc;
$distilled-moss-rgb: 204, 255, 204;
$distilled-moss-light: mix(#fff, $distilled-moss, 20%);
$distilled-moss-dark: mix(#000, $distilled-moss, 20%);
.element {
color: $distilled-moss;
box-shadow: 0 0 0 2px rgba($distilled-moss, 0.35);
}