이름 색상 · #E6C7B7
Cupcake Rose
Cupcake Rose은(는) #E6C7B7: rgb(230 199 183), hsl(20 48% 81%), oklch(0.852 0.042 49). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cupcake Rose color name →
#E6C7B7
oklch(0.852 0.042 49)
색상 변환
- HEX
- #e6c7b7
- RGB
- rgb(230 199 183)
- HSL
- hsl(20 48% 81%)
- HWB
- hwb(20 72% 10%)
- OKLCH
- oklch(0.852 0.042 49)
- OKLab
- oklab(0.852 0.027 0.031)
- CIE Lab
- lab(82.6 9.48 12.29)
- LCH
- lch(82.6 15.52 52.4)
- CMYK
- cmyk(0% 13% 20% 10%)
틴트 · 셰이드 · 톤
틴트
- E9CDBE
- EBD2C5
- EED8CC
- F0DDD3
- F3E3DB
- F5E8E2
- F8EEE9
- FAF4F0
- FDF9F8
셰이드
- C8AD9F
- AB9387
- 8E7A70
- 73625A
- 594C45
- 403631
- 28211E
- 130E0C
- 030202
톤
- DBC0B1
- D1B8AC
- C6B1A6
- BCAAA1
- B2A39B
- A89C96
- 9E9590
- 948E8B
- 8A8785
색 조화
보색 +180°
- E6C7B7
Cupcake Rose
- B3D4E4
≈ Spotted Snake Eel
유사색 -30° +30°
- E6C7B7
Cupcake Rose
- E9C4C4
≈ Pelican Feather
- DDCCB0
≈ Unforgettable
삼각 배색 +120° +240°
- E6C7B7
Cupcake Rose
- B5D8CA
≈ Gemini
- CDCAE9
≈ Italian Fitch
분열 보색 +150° +210°
- E6C7B7
Cupcake Rose
- B0D7D8
≈ Timeless
- BED0EA
≈ Maritime
사각 배색 +90° +180° +270°
- E6C7B7
Cupcake Rose
- C1D5BB
≈ Surf Crest
- B3D4E4
≈ Spotted Snake Eel
- DAC6E0
≈ Simply Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.58:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.21:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.21:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--cupcake-rose: #e6c7b7;
--cupcake-rose-rgb: 230 199 183;
--cupcake-rose-oklch: oklch(0.852 0.042 49);
}
.element {
color: var(--cupcake-rose);
background-color: hsl(20 48% 81%);
border-color: oklch(0.852 0.042 49);
}Tailwind CSS v4
@theme {
--color-cupcake-rose: #e6c7b7;
--color-cupcake-rose-50: #fff2eb;
--color-cupcake-rose-100: #f4e4dc;
--color-cupcake-rose-200: #e4d0c5;
--color-cupcake-rose-300: #cab2a5;
--color-cupcake-rose-400: #b49889;
--color-cupcake-rose-500: #9e7e6e;
--color-cupcake-rose-600: #856b5d;
--color-cupcake-rose-700: #6b564b;
--color-cupcake-rose-800: #4f3e36;
--color-cupcake-rose-900: #372b25;
--color-cupcake-rose-950: #221814;
}SCSS
$cupcake-rose: #e6c7b7;
$cupcake-rose-rgb: 230, 199, 183;
$cupcake-rose-light: mix(#fff, $cupcake-rose, 20%);
$cupcake-rose-dark: mix(#000, $cupcake-rose, 20%);
.element {
color: $cupcake-rose;
box-shadow: 0 0 0 2px rgba($cupcake-rose, 0.35);
}