이름 색상 · #D1E8C2
Sweet Spring
Sweet Spring은(는) #D1E8C2: rgb(209 232 194), hsl(96 45% 84%), oklch(0.904 0.056 133). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Sweet Spring color name →
#D1E8C2
oklch(0.904 0.056 133)
색상 변환
- HEX
- #d1e8c2
- RGB
- rgb(209 232 194)
- HSL
- hsl(96 45% 84%)
- HWB
- hwb(96 76% 9%)
- OKLCH
- oklch(0.904 0.056 133)
- OKLab
- oklab(0.904 -0.038 0.041)
- CIE Lab
- lab(89.54 -12.92 15.88)
- LCH
- lch(89.54 20.47 129.1)
- CMYK
- cmyk(10% 0% 16% 9%)
틴트 · 셰이드 · 톤
틴트
- D6EAC8
- DAEDCE
- DFEFD4
- E3F1DA
- E8F4E0
- EDF6E7
- F1F8ED
- F6FAF3
- FAFDF9
셰이드
- B5CAA8
- 9BAC8F
- 819077
- 687460
- 505949
- 394034
- 232920
- 10130E
- 020302
톤
- C9DDBB
- C0D2B5
- B8C8AE
- B0BDA7
- A8B3A1
- A0A89A
- 989E94
- 90948D
- 888A86
색 조화
보색 +180°
- D1E8C2
Sweet Spring
- EDD5FB
≈ Rose Dragée
유사색 -30° +30°
- D1E8C2
Sweet Spring
- E6E2B7
≈ Schabziger Green
- BEECD5
≈ Spatial Spirit
삼각 배색 +120° +240°
- D1E8C2
Sweet Spring
- CAE2FF
≈ Arc Light
- FFD2D6
≈ Love Fumes
분열 보색 +150° +210°
- D1E8C2
Sweet Spring
- DADCFF
≈ Transparent Blue
- FBD1E9
≈ Little Smile
사각 배색 +90° +180° +270°
- D1E8C2
Sweet Spring
- B7E8FB
≈ Breaking the Ice
- EDD5FB
≈ Rose Dragée
- FFD5C4
≈ Tiny Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.30:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.03:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 16.03:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--sweet-spring: #d1e8c2;
--sweet-spring-rgb: 209 232 194;
--sweet-spring-oklch: oklch(0.904 0.056 133);
}
.element {
color: var(--sweet-spring);
background-color: hsl(96 45% 84%);
border-color: oklch(0.904 0.056 133);
}Tailwind CSS v4
@theme {
--color-sweet-spring: #d1e8c2;
--color-sweet-spring-50: #eef9e9;
--color-sweet-spring-100: #e0ecda;
--color-sweet-spring-200: #cadac2;
--color-sweet-spring-300: #abbea2;
--color-sweet-spring-400: #92a684;
--color-sweet-spring-500: #788f68;
--color-sweet-spring-600: #657958;
--color-sweet-spring-700: #516146;
--color-sweet-spring-800: #3c4732;
--color-sweet-spring-900: #293122;
--color-sweet-spring-950: #171d11;
}SCSS
$sweet-spring: #d1e8c2;
$sweet-spring-rgb: 209, 232, 194;
$sweet-spring-light: mix(#fff, $sweet-spring, 20%);
$sweet-spring-dark: mix(#000, $sweet-spring, 20%);
.element {
color: $sweet-spring;
box-shadow: 0 0 0 2px rgba($sweet-spring, 0.35);
}