이름 색상 · #E2EDC1
Spring Shoot
Spring Shoot은(는) #E2EDC1: rgb(226 237 193), hsl(75 55% 84%), oklch(0.927 0.059 119). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Spring Shoot color name →
#E2EDC1
oklch(0.927 0.059 119)
색상 변환
- HEX
- #e2edc1
- RGB
- rgb(226 237 193)
- HSL
- hsl(75 55% 84%)
- HWB
- hwb(75 76% 7%)
- OKLCH
- oklch(0.927 0.059 119)
- OKLab
- oklab(0.927 -0.029 0.052)
- CIE Lab
- lab(92.07 -9.28 20.12)
- LCH
- lch(92.07 22.15 114.8)
- CMYK
- cmyk(5% 0% 19% 7%)
틴트 · 셰이드 · 톤
틴트
- E5EFC7
- E8F1CE
- EBF3D4
- EDF4DA
- F0F6E0
- F3F8E6
- F6FAED
- F9FBF3
- FCFDF9
셰이드
- C4CEA7
- A8B08F
- 8C9377
- 71775F
- 575C49
- 3E4234
- 272A20
- 12140E
- 030302
톤
- D8E2BA
- CED6B4
- C4CBAD
- BAC0A7
- B0B5A0
- A6AA9A
- 9C9F93
- 93958D
- 898A86
색 조화
보색 +180°
- E2EDC1
Spring Shoot
- EAE1FF
≈ Lavender Savour
유사색 -30° +30°
- E2EDC1
Spring Shoot
- F7E6BA
≈ Gentle Glow
- CDF2D2
≈ Pickford
삼각 배색 +120° +240°
- E2EDC1
Spring Shoot
- CFEBFF
≈ Veiling Waterfalls
- FFDCE6
≈ Pink Perfume
분열 보색 +150° +210°
- E2EDC1
Spring Shoot
- DDE6FF
≈ Lavender Mist
- FED9FA
≈ Strawberry Frost
사각 배색 +90° +180° +270°
- E2EDC1
Spring Shoot
- B9F2FC
≈ Northrend
- EAE1FF
≈ Lavender Savour
- FFDED9
≈ Peachy Keen
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.11:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.11:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--spring-shoot: #e2edc1;
--spring-shoot-rgb: 226 237 193;
--spring-shoot-oklch: oklch(0.927 0.059 119);
}
.element {
color: var(--spring-shoot);
background-color: hsl(75 55% 84%);
border-color: oklch(0.927 0.059 119);
}Tailwind CSS v4
@theme {
--color-spring-shoot: #e2edc1;
--color-spring-shoot-50: #f2f8e6;
--color-spring-shoot-100: #e5ebd6;
--color-spring-shoot-200: #d0d9bd;
--color-spring-shoot-300: #b3bc9b;
--color-spring-shoot-400: #9aa47d;
--color-spring-shoot-500: #828c5f;
--color-spring-shoot-600: #6e7651;
--color-spring-shoot-700: #585f40;
--color-spring-shoot-800: #41452e;
--color-spring-shoot-900: #2d301f;
--color-spring-shoot-950: #1a1c0f;
}SCSS
$spring-shoot: #e2edc1;
$spring-shoot-rgb: 226, 237, 193;
$spring-shoot-light: mix(#fff, $spring-shoot, 20%);
$spring-shoot-dark: mix(#000, $spring-shoot, 20%);
.element {
color: $spring-shoot;
box-shadow: 0 0 0 2px rgba($spring-shoot, 0.35);
}