이름 색상 · #DEA392
Shy Champagne Blush
Shy Champagne Blush은(는) #DEA392: rgb(222 163 146), hsl(13 54% 72%), oklch(0.767 0.075 36.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Shy Champagne Blush color name →
#DEA392
oklch(0.767 0.075 36.7)
색상 변환
- HEX
- #dea392
- RGB
- rgb(222 163 146)
- HSL
- hsl(13 54% 72%)
- HWB
- hwb(13 57% 13%)
- OKLCH
- oklch(0.767 0.075 36.7)
- OKLab
- oklab(0.767 0.06 0.045)
- CIE Lab
- lab(72.4 20.86 17.9)
- LCH
- lch(72.4 27.49 40.6)
- CMYK
- cmyk(0% 27% 34% 13%)
틴트 · 셰이드 · 톤
틴트
- E2AC9D
- E5B5A7
- E9BEB2
- EDC8BD
- F0D1C8
- F3DAD3
- F6E3DE
- F9ECE9
- FCF6F4
셰이드
- C18D7E
- A5786B
- 896358
- 6F4F46
- 553C35
- 3D2A25
- 261916
- 120A08
- 020101
톤
- D5A090
- CB9C8F
- C2998D
- B8958B
- AF9289
- A68E88
- 9C8B86
- 938784
- 898482
색 조화
보색 +180°
- DEA392
Shy Champagne Blush
- 7ABFD2
≈ Cologne
유사색 -30° +30°
- DEA392
Shy Champagne Blush
- DDA0AB
≈ Nana’s Rose
- D4AA80
≈ Band-Aid
삼각 배색 +120° +240°
- DEA392
Shy Champagne Blush
- 8CC2A0
≈ Lark Green
- A6B0E3
≈ Maximum Blue Purple
분열 보색 +150° +210°
- DEA392
Shy Champagne Blush
- 7AC3BB
≈ Gentle Wave
- 8DB8E1
≈ Goluboy Blue
사각 배색 +90° +180° +270°
- DEA392
Shy Champagne Blush
- A7BC89
≈ Gaia Stone
- 7ABFD2
≈ Cologne
- BFA7D9
≈ Perfume
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.75:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.75:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--shy-champagne-blush: #dea392;
--shy-champagne-blush-rgb: 222 163 146;
--shy-champagne-blush-oklch: oklch(0.767 0.075 36.7);
}
.element {
color: var(--shy-champagne-blush);
background-color: hsl(13 54% 72%);
border-color: oklch(0.767 0.075 36.7);
}Tailwind CSS v4
@theme {
--color-shy-champagne-blush: #dea392;
--color-shy-champagne-blush-50: #ffefe6;
--color-shy-champagne-blush-100: #ffe0d6;
--color-shy-champagne-blush-200: #f2cabd;
--color-shy-champagne-blush-300: #daab9c;
--color-shy-champagne-blush-400: #c68f80;
--color-shy-champagne-blush-500: #b27463;
--color-shy-champagne-blush-600: #966354;
--color-shy-champagne-blush-700: #784f43;
--color-shy-champagne-blush-800: #593931;
--color-shy-champagne-blush-900: #3e2721;
--color-shy-champagne-blush-950: #271510;
}SCSS
$shy-champagne-blush: #dea392;
$shy-champagne-blush-rgb: 222, 163, 146;
$shy-champagne-blush-light: mix(#fff, $shy-champagne-blush, 20%);
$shy-champagne-blush-dark: mix(#000, $shy-champagne-blush, 20%);
.element {
color: $shy-champagne-blush;
box-shadow: 0 0 0 2px rgba($shy-champagne-blush, 0.35);
}