이름 색상 · #D9AE86
Porcini
Porcini은(는) #D9AE86: rgb(217 174 134), hsl(29 52% 69%), oklch(0.78 0.074 64.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Porcini color name →
#D9AE86
oklch(0.78 0.074 64.3)
색상 변환
- HEX
- #d9ae86
- RGB
- rgb(217 174 134)
- HSL
- hsl(29 52% 69%)
- HWB
- hwb(29 53% 15%)
- OKLCH
- oklch(0.78 0.074 64.3)
- OKLab
- oklab(0.78 0.032 0.066)
- CIE Lab
- lab(74.33 12.24 26.83)
- LCH
- lch(74.33 29.49 65.5)
- CMYK
- cmyk(0% 20% 38% 15%)
틴트 · 셰이드 · 톤
틴트
- DDB692
- E1BE9E
- E5C6AA
- E9CEB6
- EDD6C2
- F0DECE
- F4E7DA
- F8EFE7
- FBF7F3
셰이드
- BC9774
- A18062
- 866A51
- 6C5540
- 534130
- 3B2E21
- 251C13
- 110B06
- 020101
톤
- D0A986
- C7A586
- BEA085
- B59C85
- AC9784
- A39283
- 9A8E83
- 918982
- 898581
색 조화
보색 +180°
- D9AE86
Porcini
- 8FBDE4
≈ Blue Shutters
유사색 -30° +30°
- D9AE86
Porcini
- E2A798
≈ Pelican Pink
- C6B781
≈ Yuma
삼각 배색 +120° +240°
- D9AE86
Porcini
- 80C7BD
≈ Booty Bay
- C2ACDE
≈ Perfume
분열 보색 +150° +210°
- D9AE86
Porcini
- 7FC4D4
≈ Water Flow
- A9B4E7
≈ Perano
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.02:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.34:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--porcini: #d9ae86;
--porcini-rgb: 217 174 134;
--porcini-oklch: oklch(0.78 0.074 64.3);
}
.element {
color: var(--porcini);
background-color: hsl(29 52% 69%);
border-color: oklch(0.78 0.074 64.3);
}Tailwind CSS v4
@theme {
--color-porcini: #d9ae86;
--color-porcini-50: #fff2e0;
--color-porcini-100: #f9e4cf;
--color-porcini-200: #ebcfb4;
--color-porcini-300: #d2b190;
--color-porcini-400: #bd9671;
--color-porcini-500: #a87c51;
--color-porcini-600: #8e6945;
--color-porcini-700: #725437;
--color-porcini-800: #553d27;
--color-porcini-900: #3b2a1a;
--color-porcini-950: #25170b;
}SCSS
$porcini: #d9ae86;
$porcini-rgb: 217, 174, 134;
$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);
}