이름 색상 · #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);
}