이름 색상 · #67614F
Ivy Topiary
Ivy Topiary은(는) #67614F: rgb(103 97 79), hsl(45 13% 36%), oklch(0.493 0.029 91.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Ivy Topiary color name →
#67614F
oklch(0.493 0.029 91.8)
색상 변환
- HEX
- #67614f
- RGB
- rgb(103 97 79)
- HSL
- hsl(45 13% 36%)
- HWB
- hwb(45 31% 60%)
- OKLCH
- oklch(0.493 0.029 91.8)
- OKLab
- oklab(0.493 -0.001 0.029)
- CIE Lab
- lab(41.31 0.05 11.22)
- LCH
- lch(41.31 11.22 89.8)
- CMYK
- cmyk(0% 6% 23% 60%)
틴트 · 셰이드 · 톤
틴트
- 75705F
- 837E6F
- 928E80
- A19D91
- B0ADA3
- BFBDB5
- CFCDC7
- DFDDD9
- EFEEEC
셰이드
- 595344
- 4B4638
- 3D392E
- 302D23
- 232119
- 171510
- 0C0B07
- 040302
- 000000
톤
- 696454
- 6C6759
- 6E6A5E
- 716D62
- 737067
- 76736C
- 787771
- 7B7A76
- 7D7D7B
색 조화
보색 +180°
- 67614F
Ivy Topiary
- 5B6172
≈ Mysterious Night
유사색 -30° +30°
- 67614F
Ivy Topiary
- 6E5E51
≈ Chocolate Chip
- 5E6452
≈ Cypress Vine
삼각 배색 +120° +240°
- 67614F
Ivy Topiary
- 4F666B
≈ Sumatra Chicken
- 6B5C69
≈ Patina Violet
분열 보색 +150° +210°
- 67614F
Ivy Topiary
- 536470
≈ Slate
- 645E6F
≈ Sedona Shadow
사각 배색 +90° +180° +270°
- 67614F
Ivy Topiary
- 506762
≈ Armada
- 5B6172
≈ Mysterious Night
- 705B60
≈ Poetry Plum
대비 및 접근성
Ag
AA흰색 위
WCAG 6.17:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.39:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--ivy-topiary: #67614f;
--ivy-topiary-rgb: 103 97 79;
--ivy-topiary-oklch: oklch(0.493 0.029 91.8);
}
.element {
color: var(--ivy-topiary);
background-color: hsl(45 13% 36%);
border-color: oklch(0.493 0.029 91.8);
}Tailwind CSS v4
@theme {
--color-ivy-topiary: #67614f;
--color-ivy-topiary-50: #f8f5ec;
--color-ivy-topiary-100: #ebe8dd;
--color-ivy-topiary-200: #d8d4c7;
--color-ivy-topiary-300: #bcb7a7;
--color-ivy-topiary-400: #a49e8c;
--color-ivy-topiary-500: #8d8671;
--color-ivy-topiary-600: #777160;
--color-ivy-topiary-700: #5f5b4c;
--color-ivy-topiary-800: #464237;
--color-ivy-topiary-900: #312e26;
--color-ivy-topiary-950: #1d1a14;
}SCSS
$ivy-topiary: #67614f;
$ivy-topiary-rgb: 103, 97, 79;
$ivy-topiary-light: mix(#fff, $ivy-topiary, 20%);
$ivy-topiary-dark: mix(#000, $ivy-topiary, 20%);
.element {
color: $ivy-topiary;
box-shadow: 0 0 0 2px rgba($ivy-topiary, 0.35);
}