이름 색상 · #E5EECC
Water Sprout
Water Sprout은(는) #E5EECC: rgb(229 238 204), hsl(76 50% 87%), oklch(0.933 0.046 119.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Water Sprout color name →
#E5EECC
oklch(0.933 0.046 119.3)
색상 변환
- HEX
- #e5eecc
- RGB
- rgb(229 238 204)
- HSL
- hsl(76 50% 87%)
- HWB
- hwb(76 80% 7%)
- OKLCH
- oklch(0.933 0.046 119.3)
- OKLab
- oklab(0.933 -0.022 0.04)
- CIE Lab
- lab(92.75 -7.41 15.46)
- LCH
- lch(92.75 17.14 115.6)
- CMYK
- cmyk(4% 0% 14% 7%)
틴트 · 셰이드 · 톤
틴트
- E8F0D1
- EAF1D6
- EDF3DB
- EFF5E0
- F2F7E6
- F4F8EB
- F7FAF0
- FAFCF5
- FCFDFA
셰이드
- C7CFB1
- AAB197
- 8E937E
- 727765
- 585C4E
- 3F4237
- 282A22
- 12140F
- 030302
톤
- DAE2C4
- D0D7BC
- C6CCB5
- BBC1AD
- B1B6A5
- A7AB9E
- 9DA096
- 93958F
- 8A8A87
색 조화
보색 +180°
- E5EECC
Water Sprout
- ECE4FF
≈ Lavender Mist
유사색 -30° +30°
- E5EECC
Water Sprout
- F5E8C7
≈ Summer Sunshine
- D5F2D9
≈ Light Carolina
삼각 배색 +120° +240°
- E5EECC
Water Sprout
- D4EDFF
≈ Ice Castle
- FFDFE8
≈ Baby Girl
분열 보색 +150° +210°
- E5EECC
Water Sprout
- E0E9FF
≈ Glitter
- FBDFF8
≈ Silky Pink
사각 배색 +90° +180° +270°
- E5EECC
Water Sprout
- C7F2FA
≈ Heaven’s Gate
- ECE4FF
≈ Lavender Mist
- FFE1DC
≈ Red Shimmer
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.20:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.43:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.43:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--water-sprout: #e5eecc;
--water-sprout-rgb: 229 238 204;
--water-sprout-oklch: oklch(0.933 0.046 119.3);
}
.element {
color: var(--water-sprout);
background-color: hsl(76 50% 87%);
border-color: oklch(0.933 0.046 119.3);
}Tailwind CSS v4
@theme {
--color-water-sprout: #e5eecc;
--color-water-sprout-50: #f3f7e9;
--color-water-sprout-100: #e5ebda;
--color-water-sprout-200: #d1d8c2;
--color-water-sprout-300: #b3bba2;
--color-water-sprout-400: #9ba385;
--color-water-sprout-500: #828b69;
--color-water-sprout-600: #6e7659;
--color-water-sprout-700: #585e47;
--color-water-sprout-800: #414533;
--color-water-sprout-900: #2d2f22;
--color-water-sprout-950: #1a1c12;
}SCSS
$water-sprout: #e5eecc;
$water-sprout-rgb: 229, 238, 204;
$water-sprout-light: mix(#fff, $water-sprout, 20%);
$water-sprout-dark: mix(#000, $water-sprout, 20%);
.element {
color: $water-sprout;
box-shadow: 0 0 0 2px rgba($water-sprout, 0.35);
}