가장 가까운 이름 색상 · #D6A87F
#D6A87F
가장 가까운 이름 색상: Porcini
#D6A87F(rgb(214 168 127), hsl(28 51% 67%), oklch(0.764 0.077 63))와 가장 가까운 이름 색상은 Porcini입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D6A87F
oklch(0.764 0.077 63)
색상 변환
- HEX
- #d6a87f
- RGB
- rgb(214 168 127)
- HSL
- hsl(28 51% 67%)
- HWB
- hwb(28 50% 16%)
- OKLCH
- oklch(0.764 0.077 63)
- OKLab
- oklab(0.764 0.035 0.069)
- CIE Lab
- lab(72.44 13.5 28.01)
- LCH
- lch(72.44 31.09 64.3)
- CMYK
- cmyk(0% 21% 41% 16%)
틴트 · 셰이드 · 톤
틴트
- DAB18C
- DFB998
- E3C2A5
- E7CBB2
- EBD3BF
- EFDCCB
- F3E5D8
- F7EDE5
- FBF6F2
셰이드
- BA926E
- 9E7C5D
- 84674C
- 6A523C
- 523F2D
- 3B2C1F
- 251A11
- 100A06
- 020101
톤
- CDA480
- C5A080
- BC9C80
- B39881
- AB9481
- A29081
- 9A8C81
- 918881
- 888480
색 조화
보색 +180°
- D6A87F
Porcini
- 87B9E0
≈ Goluboy Blue
유사색 -30° +30°
- D6A87F
Porcini
- DFA193
≈ Shy Champagne Blush
- C3B279
≈ Fresh Peas
삼각 배색 +120° +240°
- D6A87F
Porcini
- 78C3B7
≈ Pale Jade
- BCA7DB
≈ Enchanted Lavender
분열 보색 +150° +210°
- D6A87F
Porcini
- 75C0D0
≈ Surfin’
- A2B0E4
≈ Myrtle Flower
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.76:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--porcini: #d6a87f;
--porcini-rgb: 214 168 127;
--porcini-oklch: oklch(0.764 0.077 63);
}
.element {
color: var(--porcini);
background-color: hsl(28 51% 67%);
border-color: oklch(0.764 0.077 63);
}Tailwind CSS v4
@theme {
--color-porcini: #d6a87f;
--color-porcini-50: #fff1df;
--color-porcini-100: #fbe3ce;
--color-porcini-200: #ecceb2;
--color-porcini-300: #d4b08e;
--color-porcini-400: #c0956f;
--color-porcini-500: #ab7b4e;
--color-porcini-600: #906843;
--color-porcini-700: #745335;
--color-porcini-800: #563c26;
--color-porcini-900: #3c2919;
--color-porcini-950: #26170a;
}SCSS
$porcini: #d6a87f;
$porcini-rgb: 214, 168, 127;
$porcini-light: mix(#fff, $porcini, 20%);
$porcini-dark: mix(#000, $porcini, 20%);
.element {
color: $porcini;
box-shadow: 0 0 0 2px rgba($porcini, 0.35);
}