가장 가까운 이름 색상 · #726100
#726100
가장 가까운 이름 색상: Ayahuasca Vine
#726100(rgb(114 97 0), hsl(51 100% 22%), oklch(0.494 0.102 97.1))와 가장 가까운 이름 색상은 Ayahuasca Vine입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#726100
oklch(0.494 0.102 97.1)
색상 변환
- HEX
- #726100
- RGB
- rgb(114 97 0)
- HSL
- hsl(51 100% 22%)
- HWB
- hwb(51 0% 55%)
- OKLCH
- oklch(0.494 0.102 97.1)
- OKLab
- oklab(0.494 -0.013 0.101)
- CIE Lab
- lab(41.71 0.47 48.17)
- LCH
- lch(41.71 48.17 89.4)
- CMYK
- cmyk(0% 15% 100% 55%)
틴트 · 셰이드 · 톤
틴트
- 7F7029
- 8C7F43
- 9A8E5B
- A89E72
- B6AE89
- C4BEA0
- D2CEB7
- E1DECF
- F0EEE7
셰이드
- 625300
- 534600
- 443900
- 362D00
- 282100
- 1B1500
- 0E0B00
- 040300
- 010000
톤
- 73641C
- 75682B
- 766B38
- 776E44
- 79714F
- 7A7459
- 7C7763
- 7D7A6D
- 7F7D76
색 조화
보색 +180°
- 726100
Ayahuasca Vine
- 545B9B
≈ Purple Frenzy
유사색 -30° +30°
- 726100
Ayahuasca Vine
- 875511
≈ Caffeinated Cinnamon
- 526C26
≈ Bowser Shell
삼각 배색 +120° +240°
- 726100
Ayahuasca Vine
- 006D82
≈ Azure Green Blue
- 864976
≈ Thistle Mauve
분열 보색 +150° +210°
- 726100
Ayahuasca Vine
- 2A6698
≈ Teeny Bikini
- 71518E
≈ Pure Mauve
사각 배색 +90° +180° +270°
- 726100
Ayahuasca Vine
- 00716A
≈ Tide Pools
- 545B9B
≈ Purple Frenzy
- 914657
≈ Dull Magenta
대비 및 접근성
Ag
AA흰색 위
WCAG 6.13:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.42:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--ayahuasca-vine: #726100;
--ayahuasca-vine-rgb: 114 97 0;
--ayahuasca-vine-oklch: oklch(0.494 0.102 97.1);
}
.element {
color: var(--ayahuasca-vine);
background-color: hsl(51 100% 22%);
border-color: oklch(0.494 0.102 97.1);
}Tailwind CSS v4
@theme {
--color-ayahuasca-vine: #726100;
--color-ayahuasca-vine-50: #fcf6d5;
--color-ayahuasca-vine-100: #f0e9c3;
--color-ayahuasca-vine-200: #dfd6a4;
--color-ayahuasca-vine-300: #c4b97b;
--color-ayahuasca-vine-400: #af9f55;
--color-ayahuasca-vine-500: #998629;
--color-ayahuasca-vine-600: #817125;
--color-ayahuasca-vine-700: #685b1d;
--color-ayahuasca-vine-800: #4d4212;
--color-ayahuasca-vine-900: #362d0c;
--color-ayahuasca-vine-950: #211a01;
}SCSS
$ayahuasca-vine: #726100;
$ayahuasca-vine-rgb: 114, 97, 0;
$ayahuasca-vine-light: mix(#fff, $ayahuasca-vine, 20%);
$ayahuasca-vine-dark: mix(#000, $ayahuasca-vine, 20%);
.element {
color: $ayahuasca-vine;
box-shadow: 0 0 0 2px rgba($ayahuasca-vine, 0.35);
}