가장 가까운 이름 색상 · #DD6279
#DD6279
가장 가까운 이름 색상: Feverish
#DD6279(rgb(221 98 121), hsl(349 64% 63%), oklch(0.654 0.155 10.8))와 가장 가까운 이름 색상은 Feverish입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DD6279
oklch(0.654 0.155 10.8)
색상 변환
- HEX
- #dd6279
- RGB
- rgb(221 98 121)
- HSL
- hsl(349 64% 63%)
- HWB
- hwb(349 38% 13%)
- OKLCH
- oklch(0.654 0.155 10.8)
- OKLab
- oklab(0.654 0.152 0.029)
- CIE Lab
- lab(58.04 50.53 12.26)
- LCH
- lch(58.04 52 13.6)
- CMYK
- cmyk(0% 56% 45% 13%)
틴트 · 셰이드 · 톤
틴트
- E27386
- E78392
- EC939F
- F0A3AD
- F4B2BA
- F7C1C7
- FAD1D5
- FCE0E3
- FEF0F1
셰이드
- C05468
- A44758
- 883A48
- 6E2D39
- 55212B
- 3D161D
- 260B10
- 110305
- 020001
톤
- D5677A
- CC6B7B
- C36E7B
- BA727C
- B1757D
- A8777D
- 9F7A7E
- 957C7F
- 8B7E7F
색 조화
보색 +180°
- DD6279
Feverish
- 00A6A0
≈ Jadestone
유사색 -30° +30°
- DD6279
Feverish
- CD66AC
≈ Super Pink
- DC6A3E
≈ Bonfire Night
삼각 배색 +120° +240°
- DD6279
Feverish
- 6EA22F
≈ Green Gone Wild
- 3A94EA
≈ Karimun Blue
분열 보색 +150° +210°
- DD6279
Feverish
- 00AB72
≈ Sesame Street Green
- 00A0C3
≈ Scuba Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.44:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.09:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--feverish: #dd6279;
--feverish-rgb: 221 98 121;
--feverish-oklch: oklch(0.654 0.155 10.8);
}
.element {
color: var(--feverish);
background-color: hsl(349 64% 63%);
border-color: oklch(0.654 0.155 10.8);
}Tailwind CSS v4
@theme {
--color-feverish: #dd6279;
--color-feverish-50: #ffe4e9;
--color-feverish-100: #ffd3d9;
--color-feverish-200: #ffb9c2;
--color-feverish-300: #fc95a1;
--color-feverish-400: #ea7488;
--color-feverish-500: #d8506d;
--color-feverish-600: #b6455c;
--color-feverish-700: #92374a;
--color-feverish-800: #6d2737;
--color-feverish-900: #4d1a26;
--color-feverish-950: #320a14;
}SCSS
$feverish: #dd6279;
$feverish-rgb: 221, 98, 121;
$feverish-light: mix(#fff, $feverish, 20%);
$feverish-dark: mix(#000, $feverish, 20%);
.element {
color: $feverish;
box-shadow: 0 0 0 2px rgba($feverish, 0.35);
}