이름 색상 · #DEBCCD
Creamy Berry
Creamy Berry은(는) #DEBCCD: rgb(222 188 205), hsl(330 34% 80%), oklch(0.829 0.045 346.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Creamy Berry color name →
#DEBCCD
oklch(0.829 0.045 346.5)
색상 변환
- HEX
- #debccd
- RGB
- rgb(222 188 205)
- HSL
- hsl(330 34% 80%)
- HWB
- hwb(330 74% 13%)
- OKLCH
- oklch(0.829 0.045 346.5)
- OKLab
- oklab(0.829 0.044 -0.01)
- CIE Lab
- lab(79.62 14.62 -3.82)
- LCH
- lch(79.62 15.11 345.4)
- CMYK
- cmyk(0% 15% 8% 13%)
틴트 · 셰이드 · 톤
틴트
- E1C3D2
- E5C9D7
- E8D0DC
- ECD6E1
- EFDDE6
- F2E4EB
- F5EBF0
- F9F1F5
- FCF8FA
셰이드
- C1A3B2
- A58B98
- 89737E
- 6F5D66
- 55474E
- 3D3238
- 261F23
- 120D0F
- 020202
톤
- D4B6C5
- CBB0BD
- C1AAB5
- B8A4AD
- AE9EA6
- A5989E
- 9B9296
- 928C8F
- 898687
색 조화
보색 +180°
- DEBCCD
Creamy Berry
- ADD1C1
≈ Lester
유사색 -30° +30°
- DEBCCD
Creamy Berry
- D3BFDB
≈ Plum Cake
- E3BCBD
≈ Soft Blush
삼각 배색 +120° +240°
- DEBCCD
Creamy Berry
- CACAA8
≈ Thistle Green
- A9CEDE
≈ Carefree Sky
분열 보색 +150° +210°
- DEBCCD
Creamy Berry
- BACEB2
≈ Kiss of Mint
- A6D1D1
≈ Blue Angora
사각 배색 +90° +180° +270°
- DEBCCD
Creamy Berry
- D8C4A7
≈ Biscotti
- ADD1C1
≈ Lester
- B5C9E5
≈ Radar
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.72:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.18:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--creamy-berry: #debccd;
--creamy-berry-rgb: 222 188 205;
--creamy-berry-oklch: oklch(0.829 0.045 346.5);
}
.element {
color: var(--creamy-berry);
background-color: hsl(330 34% 80%);
border-color: oklch(0.829 0.045 346.5);
}Tailwind CSS v4
@theme {
--color-creamy-berry: #debccd;
--color-creamy-berry-50: #fff0f7;
--color-creamy-berry-100: #f4e2ea;
--color-creamy-berry-200: #e4cdd7;
--color-creamy-berry-300: #caafbb;
--color-creamy-berry-400: #b394a4;
--color-creamy-berry-500: #9d7b8c;
--color-creamy-berry-600: #856877;
--color-creamy-berry-700: #6a535f;
--color-creamy-berry-800: #4e3c46;
--color-creamy-berry-900: #362930;
--color-creamy-berry-950: #21171d;
}SCSS
$creamy-berry: #debccd;
$creamy-berry-rgb: 222, 188, 205;
$creamy-berry-light: mix(#fff, $creamy-berry, 20%);
$creamy-berry-dark: mix(#000, $creamy-berry, 20%);
.element {
color: $creamy-berry;
box-shadow: 0 0 0 2px rgba($creamy-berry, 0.35);
}