이름 색상 · #E9CFC8
Honeysweet
Honeysweet은(는) #E9CFC8: rgb(233 207 200), hsl(13 43% 85%), oklch(0.874 0.031 35.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Honeysweet color name →
#E9CFC8
oklch(0.874 0.031 35.5)
색상 변환
- HEX
- #e9cfc8
- RGB
- rgb(233 207 200)
- HSL
- hsl(13 43% 85%)
- HWB
- hwb(13 78% 9%)
- OKLCH
- oklch(0.874 0.031 35.5)
- OKLab
- oklab(0.874 0.025 0.018)
- CIE Lab
- lab(85.18 8.55 6.99)
- LCH
- lch(85.18 11.04 39.3)
- CMYK
- cmyk(0% 11% 14% 9%)
틴트 · 셰이드 · 톤
틴트
- EBD4CD
- EED9D3
- F0DDD8
- F2E2DE
- F4E7E3
- F6ECE9
- F9F0EE
- FBF5F4
- FDFAF9
셰이드
- CBB4AE
- AD9994
- 907F7B
- 746763
- 5A4F4C
- 413836
- 292321
- 13100F
- 030202
톤
- DEC7C1
- D3BFB9
- C8B7B2
- BEAFAB
- B3A7A3
- A99F9C
- 9E9795
- 948F8E
- 8A8887
색 조화
보색 +180°
- E9CFC8
Honeysweet
- C0DBE2
≈ Washing Powder White
유사색 -30° +30°
- E9CFC8
Honeysweet
- E9CED3
≈ Pink Pail
- E4D2C1
≈ Sand Dune
삼각 배색 +120° +240°
- E9CFC8
Honeysweet
- C6DCCD
≈ Green Wash
- CFD4EA
≈ Garden Fairy
분열 보색 +150° +210°
- E9CFC8
Honeysweet
- C0DDD8
≈ Green Wave
- C6D8E9
≈ Snowy Summit
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.47:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.22:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--honeysweet: #e9cfc8;
--honeysweet-rgb: 233 207 200;
--honeysweet-oklch: oklch(0.874 0.031 35.5);
}
.element {
color: var(--honeysweet);
background-color: hsl(13 43% 85%);
border-color: oklch(0.874 0.031 35.5);
}Tailwind CSS v4
@theme {
--color-honeysweet: #e9cfc8;
--color-honeysweet-50: #fef2ef;
--color-honeysweet-100: #f2e5e1;
--color-honeysweet-200: #e1d0cb;
--color-honeysweet-300: #c6b2ac;
--color-honeysweet-400: #b09892;
--color-honeysweet-500: #997f78;
--color-honeysweet-600: #826c66;
--color-honeysweet-700: #685651;
--color-honeysweet-800: #4c3f3b;
--color-honeysweet-900: #352b29;
--color-honeysweet-950: #201817;
}SCSS
$honeysweet: #e9cfc8;
$honeysweet-rgb: 233, 207, 200;
$honeysweet-light: mix(#fff, $honeysweet, 20%);
$honeysweet-dark: mix(#000, $honeysweet, 20%);
.element {
color: $honeysweet;
box-shadow: 0 0 0 2px rgba($honeysweet, 0.35);
}