가장 가까운 이름 색상 · #80566A
#80566A
가장 가까운 이름 색상: Royal Fig
#80566A(rgb(128 86 106), hsl(331 20% 42%), oklch(0.505 0.062 349.5))와 가장 가까운 이름 색상은 Royal Fig입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#80566A
oklch(0.505 0.062 349.5)
색상 변환
- HEX
- #80566a
- RGB
- rgb(128 86 106)
- HSL
- hsl(331 20% 42%)
- HWB
- hwb(331 34% 50%)
- OKLCH
- oklch(0.505 0.062 349.5)
- OKLab
- oklab(0.505 0.061 -0.011)
- CIE Lab
- lab(41.76 20.28 -4.09)
- LCH
- lch(41.76 20.69 348.6)
- CMYK
- cmyk(0% 33% 17% 50%)
틴트 · 셰이드 · 톤
틴트
- 8D6678
- 997686
- A68694
- B296A3
- BFA7B2
- CCB8C1
- D8CAD0
- E5DBDF
- F2EDEF
셰이드
- 6E4A5B
- 5D3E4D
- 4D323F
- 3D2731
- 2E1C24
- 1F1218
- 12080D
- 060204
- 010000
톤
- 805A6C
- 815F6E
- 816371
- 816773
- 816B75
- 816F77
- 817479
- 81787C
- 807C7E
색 조화
보색 +180°
- 80566A
Royal Fig
- 3E705F
≈ Cormorant
유사색 -30° +30°
- 80566A
Royal Fig
- 74597B
≈ Dr Who
- 855656
≈ Flowering Chestnut
삼각 배색 +120° +240°
- 80566A
Royal Fig
- 67683D
≈ Jungle Civilization
- 3C6C81
≈ Bering Wave
분열 보색 +150° +210°
- 80566A
Royal Fig
- 526E4B
≈ Graceland Grass
- 347072
≈ Nordmann Fir
사각 배색 +90° +180° +270°
- 80566A
Royal Fig
- 78613A
≈ Twig Basket
- 3E705F
≈ Cormorant
- 4F6589
≈ Luxe Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 6.07:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.45:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--royal-fig: #80566a;
--royal-fig-rgb: 128 86 106;
--royal-fig-oklch: oklch(0.505 0.062 349.5);
}
.element {
color: var(--royal-fig);
background-color: hsl(331 20% 42%);
border-color: oklch(0.505 0.062 349.5);
}Tailwind CSS v4
@theme {
--color-royal-fig: #80566a;
--color-royal-fig-50: #ffeef7;
--color-royal-fig-100: #f9e0ea;
--color-royal-fig-200: #eacad7;
--color-royal-fig-300: #d2abbb;
--color-royal-fig-400: #bc90a4;
--color-royal-fig-500: #a6758c;
--color-royal-fig-600: #8c6477;
--color-royal-fig-700: #714f5f;
--color-royal-fig-800: #533a46;
--color-royal-fig-900: #3a2731;
--color-royal-fig-950: #24161d;
}SCSS
$royal-fig: #80566a;
$royal-fig-rgb: 128, 86, 106;
$royal-fig-light: mix(#fff, $royal-fig, 20%);
$royal-fig-dark: mix(#000, $royal-fig, 20%);
.element {
color: $royal-fig;
box-shadow: 0 0 0 2px rgba($royal-fig, 0.35);
}