이름 색상 · #E6B99F
Seasonal Beige
Seasonal Beige은(는) #E6B99F: rgb(230 185 159), hsl(22 59% 76%), oklch(0.819 0.063 51.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Seasonal Beige color name →
#E6B99F
oklch(0.819 0.063 51.5)
색상 변환
- HEX
- #e6b99f
- RGB
- rgb(230 185 159)
- HSL
- hsl(22 59% 76%)
- HWB
- hwb(22 62% 10%)
- OKLCH
- oklch(0.819 0.063 51.5)
- OKLab
- oklab(0.819 0.039 0.049)
- CIE Lab
- lab(78.75 14.05 19.71)
- LCH
- lch(78.75 24.2 54.5)
- CMYK
- cmyk(0% 20% 31% 10%)
틴트 · 셰이드 · 톤
틴트
- E9C0A8
- EBC7B2
- EECEBB
- F1D5C5
- F3DCCF
- F6E3D8
- F8EAE2
- FAF1EC
- FDF8F5
셰이드
- C8A08A
- AB8975
- 8E7161
- 735B4D
- 59463B
- 403129
- 281E18
- 130D09
- 030201
톤
- DCB39C
- D1AD99
- C7A896
- BCA293
- B29C90
- A8978D
- 9E918A
- 948B86
- 8A8683
색 조화
보색 +180°
- E6B99F
Seasonal Beige
- 9BCCE6
≈ Spring Tide
유사색 -30° +30°
- E6B99F
Seasonal Beige
- EAB4B2
≈ Naked Rose
- D9C096
≈ Grain Mill
삼각 배색 +120° +240°
- E6B99F
Seasonal Beige
- 9AD2BF
≈ Wintermint
- C4BDEA
≈ Violet Gems
분열 보색 +150° +210°
- E6B99F
Seasonal Beige
- 93D1D5
≈ Aroma Blue
- ADC5EE
≈ Promise Keeping
사각 배색 +90° +180° +270°
- E6B99F
Seasonal Beige
- AECFA9
≈ Garden Room
- 9BCCE6
≈ Spring Tide
- D7B7DD
≈ Pretty Petunia
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.77:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.80:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.80:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--seasonal-beige: #e6b99f;
--seasonal-beige-rgb: 230 185 159;
--seasonal-beige-oklch: oklch(0.819 0.063 51.5);
}
.element {
color: var(--seasonal-beige);
background-color: hsl(22 59% 76%);
border-color: oklch(0.819 0.063 51.5);
}Tailwind CSS v4
@theme {
--color-seasonal-beige: #e6b99f;
--color-seasonal-beige-50: #fff1e5;
--color-seasonal-beige-100: #fae3d5;
--color-seasonal-beige-200: #ebcebc;
--color-seasonal-beige-300: #d2af9a;
--color-seasonal-beige-400: #bd947d;
--color-seasonal-beige-500: #a87a5f;
--color-seasonal-beige-600: #8e6851;
--color-seasonal-beige-700: #725341;
--color-seasonal-beige-800: #553c2f;
--color-seasonal-beige-900: #3b2920;
--color-seasonal-beige-950: #25170f;
}SCSS
$seasonal-beige: #e6b99f;
$seasonal-beige-rgb: 230, 185, 159;
$seasonal-beige-light: mix(#fff, $seasonal-beige, 20%);
$seasonal-beige-dark: mix(#000, $seasonal-beige, 20%);
.element {
color: $seasonal-beige;
box-shadow: 0 0 0 2px rgba($seasonal-beige, 0.35);
}