가장 가까운 이름 색상 · #CE627C
#CE627C
가장 가까운 이름 색상: Peppermint Swirl
#CE627C(rgb(206 98 124), hsl(346 52% 60%), oklch(0.633 0.139 6.7))와 가장 가까운 이름 색상은 Peppermint Swirl입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CE627C
oklch(0.633 0.139 6.7)
색상 변환
- HEX
- #ce627c
- RGB
- rgb(206 98 124)
- HSL
- hsl(346 52% 60%)
- HWB
- hwb(346 38% 19%)
- OKLCH
- oklch(0.633 0.139 6.7)
- OKLab
- oklab(0.633 0.138 0.016)
- CIE Lab
- lab(55.8 45.49 6.98)
- LCH
- lch(55.8 46.03 8.7)
- CMYK
- cmyk(0% 52% 40% 19%)
틴트 · 셰이드 · 톤
틴트
- D57288
- DB8295
- E192A2
- E6A1AE
- EBB1BB
- F0C0C9
- F4D0D6
- F8E0E4
- FCEFF1
셰이드
- B3546B
- 98475A
- 7F3A4A
- 662D3B
- 4E212C
- 38161E
- 230B11
- 0F0305
- 020001
톤
- C7667C
- C06A7D
- B96D7D
- B1717E
- AA747E
- A2777E
- 9A797F
- 927C7F
- 897E80
색 조화
보색 +180°
- CE627C
Peppermint Swirl
- 009F95
≈ Spectra Green
유사색 -30° +30°
- CE627C
Peppermint Swirl
- BE66A9
≈ Young Purple
- CF684A
≈ Citrus Notes
삼각 배색 +120° +240°
- CE627C
Peppermint Swirl
- 74992F
≈ Hidden Valley
- 3590D9
≈ Magical Merlin
분열 보색 +150° +210°
- CE627C
Peppermint Swirl
- 27A267
≈ Biel-Tan Green
- 009AB6
≈ Barrier Reef
사각 배색 +90° +180° +270°
- CE627C
Peppermint Swirl
- A18900
≈ Golden Palm
- 009F95
≈ Spectra Green
- 7580DD
≈ Tanzine
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.70:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.66:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--peppermint-swirl: #ce627c;
--peppermint-swirl-rgb: 206 98 124;
--peppermint-swirl-oklch: oklch(0.633 0.139 6.7);
}
.element {
color: var(--peppermint-swirl);
background-color: hsl(346 52% 60%);
border-color: oklch(0.633 0.139 6.7);
}Tailwind CSS v4
@theme {
--color-peppermint-swirl: #ce627c;
--color-peppermint-swirl-50: #ffe6ed;
--color-peppermint-swirl-100: #ffd5de;
--color-peppermint-swirl-200: #ffbcc8;
--color-peppermint-swirl-300: #f499a9;
--color-peppermint-swirl-400: #e27991;
--color-peppermint-swirl-500: #cf5877;
--color-peppermint-swirl-600: #af4c65;
--color-peppermint-swirl-700: #8d3c50;
--color-peppermint-swirl-800: #682b3c;
--color-peppermint-swirl-900: #491d29;
--color-peppermint-swirl-950: #300c17;
}SCSS
$peppermint-swirl: #ce627c;
$peppermint-swirl-rgb: 206, 98, 124;
$peppermint-swirl-light: mix(#fff, $peppermint-swirl, 20%);
$peppermint-swirl-dark: mix(#000, $peppermint-swirl, 20%);
.element {
color: $peppermint-swirl;
box-shadow: 0 0 0 2px rgba($peppermint-swirl, 0.35);
}