가장 가까운 이름 색상 · #DECBE6
#DECBE6
가장 가까운 이름 색상: Decadial Pink
#DECBE6(rgb(222 203 230), hsl(282 35% 85%), oklch(0.866 0.042 316))와 가장 가까운 이름 색상은 Decadial Pink입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DECBE6
oklch(0.866 0.042 316)
색상 변환
- HEX
- #decbe6
- RGB
- rgb(222 203 230)
- HSL
- hsl(282 35% 85%)
- HWB
- hwb(282 80% 10%)
- OKLCH
- oklch(0.866 0.042 316)
- OKLab
- oklab(0.866 0.03 -0.029)
- CIE Lab
- lab(83.89 10.45 -10.88)
- LCH
- lch(83.89 15.09 313.9)
- CMYK
- cmyk(3% 12% 0% 10%)
틴트 · 셰이드 · 톤
틴트
- E1D0E9
- E5D5EB
- E8DAEE
- EBE0F0
- EEE5F3
- F2EAF5
- F5EFF8
- F8F4FA
- FCFAFD
셰이드
- C1B0C8
- A596AB
- 897D8E
- 6F6573
- 554D59
- 3D3740
- 262228
- 120F13
- 020203
톤
- D4C3DB
- CABCD1
- C1B4C6
- B7ACBC
- AEA5B2
- A59DA8
- 9B969E
- 928F94
- 89878A
색 조화
보색 +180°
- DECBE6
Decadial Pink
- C7DABF
≈ Crocodile Dreams
유사색 -30° +30°
- DECBE6
Decadial Pink
- D0CFEE
≈ Frozen Periwinkle
- E9C8D9
≈ Merry Pink
삼각 배색 +120° +240°
- DECBE6
Decadial Pink
- E3D0B5
≈ Lovely Bluff
- B4DCDC
≈ Blue Glass
분열 보색 +150° +210°
- DECBE6
Decadial Pink
- D6D5B6
≈ Chinese Silk
- BADCCD
≈ Mirador
사각 배색 +90° +180° +270°
- DECBE6
Decadial Pink
- ECCBBC
≈ Babyccino
- C7DABF
≈ Crocodile Dreams
- B7D9E8
≈ Watercolour Sky
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.52:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.79:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--decadial-pink: #decbe6;
--decadial-pink-rgb: 222 203 230;
--decadial-pink-oklch: oklch(0.866 0.042 316);
}
.element {
color: var(--decadial-pink);
background-color: hsl(282 35% 85%);
border-color: oklch(0.866 0.042 316);
}Tailwind CSS v4
@theme {
--color-decadial-pink: #decbe6;
--color-decadial-pink-50: #faf2fd;
--color-decadial-pink-100: #eee4f1;
--color-decadial-pink-200: #dccfe0;
--color-decadial-pink-300: #c1b1c6;
--color-decadial-pink-400: #a897b0;
--color-decadial-pink-500: #917e99;
--color-decadial-pink-600: #7b6b82;
--color-decadial-pink-700: #625568;
--color-decadial-pink-800: #483e4d;
--color-decadial-pink-900: #322b35;
--color-decadial-pink-950: #1e1820;
}SCSS
$decadial-pink: #decbe6;
$decadial-pink-rgb: 222, 203, 230;
$decadial-pink-light: mix(#fff, $decadial-pink, 20%);
$decadial-pink-dark: mix(#000, $decadial-pink, 20%);
.element {
color: $decadial-pink;
box-shadow: 0 0 0 2px rgba($decadial-pink, 0.35);
}