이름 색상 · #A1AC4D
Intoxication
Intoxication은(는) #A1AC4D: rgb(161 172 77), hsl(67 38% 49%), oklch(0.716 0.12 115). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Intoxication color name →
#A1AC4D
oklch(0.716 0.12 115)
색상 변환
- HEX
- #a1ac4d
- RGB
- rgb(161 172 77)
- HSL
- hsl(67 38% 49%)
- HWB
- hwb(67 30% 33%)
- OKLCH
- oklch(0.716 0.12 115)
- OKLab
- oklab(0.716 -0.051 0.109)
- CIE Lab
- lab(67.99 -14.08 46.49)
- LCH
- lch(67.99 48.58 106.9)
- CMYK
- cmyk(6% 0% 55% 33%)
틴트 · 셰이드 · 톤
틴트
- AAB461
- B3BD74
- BCC586
- C5CD97
- CED6A9
- D8DEBA
- E2E6CB
- EBEEDC
- F5F7EE
셰이드
- 8B9542
- 767F37
- 62692C
- 4E5422
- 3C4018
- 2A2D0F
- 191B07
- 090B02
- 010100
톤
- 9EA855
- 9AA35B
- 979F61
- 939B67
- 90966C
- 8D9270
- 898D75
- 868979
- 83857C
색 조화
보색 +180°
- A1AC4D
Intoxication
- A993E7
≈ Dreamy Candy Forest
유사색 -30° +30°
- A1AC4D
Intoxication
- C69D3F
≈ Goldie
- 71B773
≈ Green Galore
삼각 배색 +120° +240°
- A1AC4D
Intoxication
- 4AAFE4
≈ Summer Sky
- DE82A7
≈ Sweet Chrysanthemum
분열 보색 +150° +210°
- A1AC4D
Intoxication
- 7EA1EF
≈ Fennel Flower
- C988CD
≈ Purception
사각 배색 +90° +180° +270°
- A1AC4D
Intoxication
- 0FB8C7
≈ Utopia Beckons
- A993E7
≈ Dreamy Candy Forest
- E5847D
≈ Cultured Rose
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.46:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.52:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--intoxication: #a1ac4d;
--intoxication-rgb: 161 172 77;
--intoxication-oklch: oklch(0.716 0.12 115);
}
.element {
color: var(--intoxication);
background-color: hsl(67 38% 49%);
border-color: oklch(0.716 0.12 115);
}Tailwind CSS v4
@theme {
--color-intoxication: #a1ac4d;
--color-intoxication-50: #f2fad4;
--color-intoxication-100: #e4eec0;
--color-intoxication-200: #d0dca1;
--color-intoxication-300: #b3c077;
--color-intoxication-400: #9ca74e;
--color-intoxication-500: #848f19;
--color-intoxication-600: #70791a;
--color-intoxication-700: #596115;
--color-intoxication-800: #43460a;
--color-intoxication-900: #2e3107;
--color-intoxication-950: #1b1d00;
}SCSS
$intoxication: #a1ac4d;
$intoxication-rgb: 161, 172, 77;
$intoxication-light: mix(#fff, $intoxication, 20%);
$intoxication-dark: mix(#000, $intoxication, 20%);
.element {
color: $intoxication;
box-shadow: 0 0 0 2px rgba($intoxication, 0.35);
}