이름 색상 · #E1CFAF
Creamy Chenille
Creamy Chenille은(는) #E1CFAF: rgb(225 207 175), hsl(38 45% 78%), oklch(0.861 0.047 82). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Creamy Chenille color name →
#E1CFAF
oklch(0.861 0.047 82)
색상 변환
- HEX
- #e1cfaf
- RGB
- rgb(225 207 175)
- HSL
- hsl(38 45% 78%)
- HWB
- hwb(38 69% 12%)
- OKLCH
- oklch(0.861 0.047 82)
- OKLab
- oklab(0.861 0.007 0.047)
- CIE Lab
- lab(84.01 2.78 18.36)
- LCH
- lch(84.01 18.57 81.4)
- CMYK
- cmyk(0% 8% 22% 12%)
틴트 · 셰이드 · 톤
틴트
- E4D4B7
- E7D9BF
- EADDC7
- EDE2CF
- F0E7D7
- F3ECDF
- F6F1E7
- F9F5EF
- FCFAF7
셰이드
- C4B498
- A79981
- 8B7F6B
- 706756
- 564F41
- 3E382E
- 27231C
- 12100B
- 020201
톤
- D7C7AA
- CDBFA6
- C3B7A1
- B9AF9C
- AFA798
- A69F93
- 9C978E
- 938F89
- 898885
색 조화
보색 +180°
- E1CFAF
Creamy Chenille
- C1D2F1
≈ Mr. Glass
유사색 -30° +30°
- E1CFAF
Creamy Chenille
- ECC9B6
≈ Renaissance Fresco
- D1D5B2
≈ Orinoco
삼각 배색 +120° +240°
- E1CFAF
Creamy Chenille
- AEDBDF
≈ Daly Waters
- E1C8E4
≈ Syrian Violet
분열 보색 +150° +210°
- E1CFAF
Creamy Chenille
- B3D8EB
≈ New Prince
- D1CCEF
≈ Miami White
사각 배색 +90° +180° +270°
- E1CFAF
Creamy Chenille
- B3DCCE
≈ Brook Green
- C1D2F1
≈ Mr. Glass
- EBC5D4
≈ Desire Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.52:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.74:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--creamy-chenille: #e1cfaf;
--creamy-chenille-rgb: 225 207 175;
--creamy-chenille-oklch: oklch(0.861 0.047 82);
}
.element {
color: var(--creamy-chenille);
background-color: hsl(38 45% 78%);
border-color: oklch(0.861 0.047 82);
}Tailwind CSS v4
@theme {
--color-creamy-chenille: #e1cfaf;
--color-creamy-chenille-50: #fcf4e6;
--color-creamy-chenille-100: #efe7d7;
--color-creamy-chenille-200: #ded3be;
--color-creamy-chenille-300: #c3b69d;
--color-creamy-chenille-400: #ad9c7f;
--color-creamy-chenille-500: #968462;
--color-creamy-chenille-600: #7f6f54;
--color-creamy-chenille-700: #665943;
--color-creamy-chenille-800: #4b4130;
--color-creamy-chenille-900: #342d20;
--color-creamy-chenille-950: #201a10;
}SCSS
$creamy-chenille: #e1cfaf;
$creamy-chenille-rgb: 225, 207, 175;
$creamy-chenille-light: mix(#fff, $creamy-chenille, 20%);
$creamy-chenille-dark: mix(#000, $creamy-chenille, 20%);
.element {
color: $creamy-chenille;
box-shadow: 0 0 0 2px rgba($creamy-chenille, 0.35);
}