이름 색상 · #D7E4CC
Infinitesimal Green
Infinitesimal Green은(는) #D7E4CC: rgb(215 228 204), hsl(93 31% 85%), oklch(0.903 0.035 130.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Infinitesimal Green color name →
#D7E4CC
oklch(0.903 0.035 130.5)
색상 변환
- HEX
- #d7e4cc
- RGB
- rgb(215 228 204)
- HSL
- hsl(93 31% 85%)
- HWB
- hwb(93 80% 11%)
- OKLCH
- oklch(0.903 0.035 130.5)
- OKLab
- oklab(0.903 -0.023 0.027)
- CIE Lab
- lab(89.11 -7.68 10.2)
- LCH
- lch(89.11 12.77 127)
- CMYK
- cmyk(6% 0% 11% 11%)
틴트 · 셰이드 · 톤
틴트
- DBE7D1
- DFE9D6
- E3ECDB
- E7EFE0
- EBF1E5
- EFF4EA
- F3F7F0
- F7FAF5
- FBFCFA
셰이드
- BBC6B1
- 9FA997
- 858D7E
- 6B7265
- 52584E
- 3B3F37
- 252822
- 11120F
- 020302
톤
- CEDAC4
- C5CFBC
- BCC5B5
- B3BBAD
- AAB1A5
- A2A79E
- 999D96
- 91938F
- 888A87
색 조화
보색 +180°
- D7E4CC
Infinitesimal Green
- E6D9F1
≈ Pouty Purple
유사색 -30° +30°
- D7E4CC
Infinitesimal Green
- E4E0C6
≈ Green Power
- CCE6D7
≈ Misty Glen
삼각 배색 +120° +240°
- D7E4CC
Infinitesimal Green
- CEE1F6
≈ Light Breeze
- F5D6D9
≈ Redneck
분열 보색 +150° +210°
- D7E4CC
Infinitesimal Green
- DADDF6
≈ Nostalgia Perfume
- F0D6E6
≈ All Made Up
사각 배색 +90° +180° +270°
- D7E4CC
Infinitesimal Green
- C6E5EF
≈ Sapphireberry
- E6D9F1
≈ Pouty Purple
- F5D8CE
≈ Pink Zest
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.32:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.85:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.85:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--infinitesimal-green: #d7e4cc;
--infinitesimal-green-rgb: 215 228 204;
--infinitesimal-green-oklch: oklch(0.903 0.035 130.5);
}
.element {
color: var(--infinitesimal-green);
background-color: hsl(93 31% 85%);
border-color: oklch(0.903 0.035 130.5);
}Tailwind CSS v4
@theme {
--color-infinitesimal-green: #d7e4cc;
--color-infinitesimal-green-50: #f1f7ed;
--color-infinitesimal-green-100: #e3ebdf;
--color-infinitesimal-green-200: #cfd8c8;
--color-infinitesimal-green-300: #b1bba9;
--color-infinitesimal-green-400: #97a38e;
--color-infinitesimal-green-500: #7e8b73;
--color-infinitesimal-green-600: #6b7662;
--color-infinitesimal-green-700: #555e4e;
--color-infinitesimal-green-800: #3f4538;
--color-infinitesimal-green-900: #2b3026;
--color-infinitesimal-green-950: #181c15;
}SCSS
$infinitesimal-green: #d7e4cc;
$infinitesimal-green-rgb: 215, 228, 204;
$infinitesimal-green-light: mix(#fff, $infinitesimal-green, 20%);
$infinitesimal-green-dark: mix(#000, $infinitesimal-green, 20%);
.element {
color: $infinitesimal-green;
box-shadow: 0 0 0 2px rgba($infinitesimal-green, 0.35);
}