이름 색상 · #E6D7A0
Early Sprout
Early Sprout은(는) #E6D7A0: rgb(230 215 160), hsl(47 58% 76%), oklch(0.878 0.073 94.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Early Sprout color name →
#E6D7A0
oklch(0.878 0.073 94.7)
색상 변환
- HEX
- #e6d7a0
- RGB
- rgb(230 215 160)
- HSL
- hsl(47 58% 76%)
- HWB
- hwb(47 63% 10%)
- OKLCH
- oklch(0.878 0.073 94.7)
- OKLab
- oklab(0.878 -0.006 0.073)
- CIE Lab
- lab(86.23 -0.67 29.2)
- LCH
- lch(86.23 29.21 91.3)
- CMYK
- cmyk(0% 7% 30% 10%)
틴트 · 셰이드 · 톤
틴트
- E8DBAA
- EBDFB3
- EDE3BD
- F0E7C6
- F2EBD0
- F5EFD9
- F7F3E3
- FAF7EC
- FCFBF6
셰이드
- C8BB8B
- AB9F76
- 8E8561
- 736B4E
- 59523B
- 403B29
- 282519
- 131109
- 030201
톤
- DBCE9D
- D1C59A
- C6BC97
- BCB394
- B2AB91
- A7A28E
- 9D998A
- 939187
- 8A8884
색 조화
보색 +180°
- E6D7A0
Early Sprout
- CBD5FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- E6D7A0
Early Sprout
- F9CEA5
≈ Lion Cub
- CCE0AB
≈ Viridine Green
삼각 배색 +120° +240°
- E6D7A0
Early Sprout
- 9EE4F5
≈ Blizzard Blue
- F6C5EB
≈ Sugar High
분열 보색 +150° +210°
- E6D7A0
Early Sprout
- B4DCFF
≈ Broad Daylight
- E2CBFF
≈ Lens Flare Pink
사각 배색 +90° +180° +270°
- E6D7A0
Early Sprout
- 9FE7DD
≈ Sea Glass Teal
- CBD5FF
≈ Pale Phthalo Blue
- FFC5D1
≈ Sweet Serenade
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.59:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.59:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--early-sprout: #e6d7a0;
--early-sprout-rgb: 230 215 160;
--early-sprout-oklch: oklch(0.878 0.073 94.7);
}
.element {
color: var(--early-sprout);
background-color: hsl(47 58% 76%);
border-color: oklch(0.878 0.073 94.7);
}Tailwind CSS v4
@theme {
--color-early-sprout: #e6d7a0;
--color-early-sprout-50: #fbf6de;
--color-early-sprout-100: #efe8cd;
--color-early-sprout-200: #ddd5b2;
--color-early-sprout-300: #c2b88d;
--color-early-sprout-400: #ac9e6c;
--color-early-sprout-500: #96864b;
--color-early-sprout-600: #7e7140;
--color-early-sprout-700: #655b33;
--color-early-sprout-800: #4b4224;
--color-early-sprout-900: #342d18;
--color-early-sprout-950: #201a09;
}SCSS
$early-sprout: #e6d7a0;
$early-sprout-rgb: 230, 215, 160;
$early-sprout-light: mix(#fff, $early-sprout, 20%);
$early-sprout-dark: mix(#000, $early-sprout, 20%);
.element {
color: $early-sprout;
box-shadow: 0 0 0 2px rgba($early-sprout, 0.35);
}