가장 가까운 이름 색상 · #D7655E
#D7655E
가장 가까운 이름 색상: Happy Hearts
#D7655E(rgb(215 101 94), hsl(3 60% 61%), oklch(0.643 0.145 25.5))와 가장 가까운 이름 색상은 Happy Hearts입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D7655E
oklch(0.643 0.145 25.5)
색상 변환
- HEX
- #d7655e
- RGB
- rgb(215 101 94)
- HSL
- hsl(3 60% 61%)
- HWB
- hwb(3 37% 16%)
- OKLCH
- oklch(0.643 0.145 25.5)
- OKLab
- oklab(0.643 0.131 0.062)
- CIE Lab
- lab(57.2 45.33 26.57)
- LCH
- lch(57.2 52.54 30.4)
- CMYK
- cmyk(0% 53% 56% 16%)
틴트 · 셰이드 · 톤
틴트
- DD756E
- E2857D
- E7958D
- ECA49D
- F0B3AD
- F4C2BD
- F8D1CD
- FAE1DE
- FDF0EE
셰이드
- BB5751
- 9F4944
- 853C37
- 6B2F2B
- 52221F
- 3B1714
- 250C0A
- 110303
- 020000
톤
- CF6962
- C76D66
- BF7069
- B7736D
- AE7670
- A67873
- 9D7A77
- 947C7A
- 8A7E7D
색 조화
보색 +180°
- D7655E
Happy Hearts
- 00A0AD
≈ Riviera
유사색 -30° +30°
- D7655E
Happy Hearts
- CF6391
≈ Preppy Rose
- CE7222
≈ Autumn Maple
삼각 배색 +120° +240°
- D7655E
Happy Hearts
- 4AA453
≈ Fruit Salad
- 6289E5
≈ Soft Blue
분열 보색 +150° +210°
- D7655E
Happy Hearts
- 00A48A
≈ Brilliant Turquoise
- 0098D4
≈ Bayern Blue
사각 배색 +90° +180° +270°
- D7655E
Happy Hearts
- 8A9706
≈ Snakes in the Grass
- 00A0AD
≈ Riviera
- 9578DB
≈ Matt Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.55:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.91:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--happy-hearts: #d7655e;
--happy-hearts-rgb: 215 101 94;
--happy-hearts-oklch: oklch(0.643 0.145 25.5);
}
.element {
color: var(--happy-hearts);
background-color: hsl(3 60% 61%);
border-color: oklch(0.643 0.145 25.5);
}Tailwind CSS v4
@theme {
--color-happy-hearts: #d7655e;
--color-happy-hearts-50: #ffe6df;
--color-happy-hearts-100: #ffd6ce;
--color-happy-hearts-200: #ffbdb2;
--color-happy-hearts-300: #f99a8e;
--color-happy-hearts-400: #e77971;
--color-happy-hearts-500: #d55852;
--color-happy-hearts-600: #b44b46;
--color-happy-hearts-700: #913c38;
--color-happy-hearts-800: #6c2a29;
--color-happy-hearts-900: #4c1d1c;
--color-happy-hearts-950: #320c0c;
}SCSS
$happy-hearts: #d7655e;
$happy-hearts-rgb: 215, 101, 94;
$happy-hearts-light: mix(#fff, $happy-hearts, 20%);
$happy-hearts-dark: mix(#000, $happy-hearts, 20%);
.element {
color: $happy-hearts;
box-shadow: 0 0 0 2px rgba($happy-hearts, 0.35);
}