가장 가까운 이름 색상 · #D1626A
#D1626A
가장 가까운 이름 색상: Berrylicious
#D1626A(rgb(209 98 106), hsl(356 55% 60%), oklch(0.633 0.14 17.5))와 가장 가까운 이름 색상은 Berrylicious입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D1626A
oklch(0.633 0.14 17.5)
색상 변환
- HEX
- #d1626a
- RGB
- rgb(209 98 106)
- HSL
- hsl(356 55% 60%)
- HWB
- hwb(356 38% 18%)
- OKLCH
- oklch(0.633 0.14 17.5)
- OKLab
- oklab(0.633 0.134 0.042)
- CIE Lab
- lab(55.9 45.27 17.74)
- LCH
- lch(55.9 48.62 21.4)
- CMYK
- cmyk(0% 53% 49% 18%)
틴트 · 셰이드 · 톤
틴트
- D77278
- DD8286
- E39295
- E8A2A3
- EDB1B2
- F2C1C1
- F6D0D0
- F9E0E0
- FCEFEF
셰이드
- B5545B
- 9B474D
- 813A3F
- 682D31
- 502124
- 391618
- 230B0D
- 100304
- 020000
톤
- CA666C
- C26A6F
- BB6E71
- B37173
- AB7475
- A37778
- 9B797A
- 927C7C
- 897E7E
색 조화
보색 +180°
- D1626A
Berrylicious
- 009DA1
≈ Island Dream
유사색 -30° +30°
- D1626A
Berrylicious
- C6639A
≈ Nocturnal Rose
- CD6C35
≈ Hot Caramel
삼각 배색 +120° +240°
- D1626A
Berrylicious
- 5D9D43
≈ Calm Balm
- 508ADE
≈ Blue Jay
분열 보색 +150° +210°
- D1626A
Berrylicious
- 00A27A
≈ Sport Green
- 0098C4
≈ Atomic Blue
사각 배색 +90° +180° +270°
- D1626A
Berrylicious
- 938F00
≈ Old Asparagus
- 009DA1
≈ Island Dream
- 867ADA
≈ Indigo Bloom
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.70:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.66:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.66:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--berrylicious: #d1626a;
--berrylicious-rgb: 209 98 106;
--berrylicious-oklch: oklch(0.633 0.14 17.5);
}
.element {
color: var(--berrylicious);
background-color: hsl(356 55% 60%);
border-color: oklch(0.633 0.14 17.5);
}Tailwind CSS v4
@theme {
--color-berrylicious: #d1626a;
--color-berrylicious-50: #ffe6e5;
--color-berrylicious-100: #ffd6d5;
--color-berrylicious-200: #ffbcbc;
--color-berrylicious-300: #f79a9a;
--color-berrylicious-400: #e5797f;
--color-berrylicious-500: #d35863;
--color-berrylicious-600: #b24c54;
--color-berrylicious-700: #8f3c43;
--color-berrylicious-800: #6a2b32;
--color-berrylicious-900: #4b1d22;
--color-berrylicious-950: #310c11;
}SCSS
$berrylicious: #d1626a;
$berrylicious-rgb: 209, 98, 106;
$berrylicious-light: mix(#fff, $berrylicious, 20%);
$berrylicious-dark: mix(#000, $berrylicious, 20%);
.element {
color: $berrylicious;
box-shadow: 0 0 0 2px rgba($berrylicious, 0.35);
}