이름 색상 · #E8D0B2
White Bean Hummus
White Bean Hummus은(는) #E8D0B2: rgb(232 208 178), hsl(33 54% 80%), oklch(0.87 0.048 73.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · White Bean Hummus color name →
#E8D0B2
oklch(0.87 0.048 73.3)
색상 변환
- HEX
- #e8d0b2
- RGB
- rgb(232 208 178)
- HSL
- hsl(33 54% 80%)
- HWB
- hwb(33 70% 9%)
- OKLCH
- oklch(0.87 0.048 73.3)
- OKLab
- oklab(0.87 0.014 0.046)
- CIE Lab
- lab(84.93 5.26 18.17)
- LCH
- lch(84.93 18.92 73.9)
- CMYK
- cmyk(0% 10% 23% 9%)
틴트 · 셰이드 · 톤
틴트
- EAD5BA
- EDD9C1
- EFDEC9
- F1E3D1
- F4E7D8
- F6ECE0
- F8F1E8
- FAF6EF
- FDFAF7
셰이드
- CAB59A
- AC9A83
- 90806D
- 746757
- 594F43
- 40392F
- 29231D
- 13100C
- 030201
톤
- DDC8AD
- D2C0A8
- C8B7A3
- BDAF9E
- B3A799
- A89F94
- 9E978F
- 948F8A
- 8A8885
색 조화
보색 +180°
- E8D0B2
White Bean Hummus
- BFD7F4
≈ Delicate Blue Mist
유사색 -30° +30°
- E8D0B2
White Bean Hummus
- F1CBBB
≈ Babyccino
- D9D6B2
≈ Morning Moor
삼각 배색 +120° +240°
- E8D0B2
White Bean Hummus
- B0DFDD
≈ Blue Light
- E0CBEB
≈ Syrian Violet
분열 보색 +150° +210°
- E8D0B2
White Bean Hummus
- B3DCEC
≈ Minified Blue
- CFD1F4
≈ Frozen Periwinkle
사각 배색 +90° +180° +270°
- E8D0B2
White Bean Hummus
- B8DFCB
≈ Refrigerator Green
- BFD7F4
≈ Delicate Blue Mist
- ECC8DC
≈ Pink Pony
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.48:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.09:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.09:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--white-bean-hummus: #e8d0b2;
--white-bean-hummus-rgb: 232 208 178;
--white-bean-hummus-oklch: oklch(0.87 0.048 73.3);
}
.element {
color: var(--white-bean-hummus);
background-color: hsl(33 54% 80%);
border-color: oklch(0.87 0.048 73.3);
}Tailwind CSS v4
@theme {
--color-white-bean-hummus: #e8d0b2;
--color-white-bean-hummus-50: #fdf4e6;
--color-white-bean-hummus-100: #f2e6d7;
--color-white-bean-hummus-200: #e1d2be;
--color-white-bean-hummus-300: #c6b49d;
--color-white-bean-hummus-400: #b09b7f;
--color-white-bean-hummus-500: #9a8263;
--color-white-bean-hummus-600: #826e54;
--color-white-bean-hummus-700: #685843;
--color-white-bean-hummus-800: #4d4030;
--color-white-bean-hummus-900: #362c21;
--color-white-bean-hummus-950: #211910;
}SCSS
$white-bean-hummus: #e8d0b2;
$white-bean-hummus-rgb: 232, 208, 178;
$white-bean-hummus-light: mix(#fff, $white-bean-hummus, 20%);
$white-bean-hummus-dark: mix(#000, $white-bean-hummus, 20%);
.element {
color: $white-bean-hummus;
box-shadow: 0 0 0 2px rgba($white-bean-hummus, 0.35);
}