이름 색상 · #886B2E
Aged Antics
Aged Antics은(는) #886B2E: rgb(136 107 46), hsl(41 49% 36%), oklch(0.544 0.087 83.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Aged Antics color name →
#886B2E
oklch(0.544 0.087 83.5)
색상 변환
- HEX
- #886b2e
- RGB
- rgb(136 107 46)
- HSL
- hsl(41 49% 36%)
- HWB
- hwb(41 18% 47%)
- OKLCH
- oklch(0.544 0.087 83.5)
- OKLab
- oklab(0.544 0.01 0.086)
- CIE Lab
- lab(47.21 6.72 37.8)
- LCH
- lch(47.21 38.39 79.9)
- CMYK
- cmyk(0% 21% 66% 47%)
틴트 · 셰이드 · 톤
틴트
- 937944
- 9F8759
- AB966D
- B6A482
- C2B396
- CEC2AA
- DAD1BF
- E6E0D4
- F3EFE9
셰이드
- 755C27
- 634E1F
- 523F18
- 413212
- 31250B
- 221806
- 130D02
- 060401
- 010000
톤
- 876D38
- 877042
- 86724B
- 857453
- 84765B
- 847862
- 837A6A
- 827C71
- 817E79
색 조화
보색 +180°
- 886B2E
Aged Antics
- 556FA3
≈ Splendour and Pride
유사색 -30° +30°
- 886B2E
Aged Antics
- 97613D
≈ Ash Brown
- 707536
≈ Olive Drab
삼각 배색 +120° +240°
- 886B2E
Aged Antics
- 187E87
≈ Caribe
- 895E8D
≈ Candy Violet
분열 보색 +150° +210°
- 886B2E
Aged Antics
- 34789A
≈ Fun and Games
- 72669E
≈ Reign Over Me
사각 배색 +90° +180° +270°
- 886B2E
Aged Antics
- 2C806B
≈ Green Belt
- 556FA3
≈ Splendour and Pride
- 975A74
≈ Pink Tulip
대비 및 접근성
Ag
AA흰색 위
WCAG 5.01:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 4.18:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 5.01:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--aged-antics: #886b2e;
--aged-antics-rgb: 136 107 46;
--aged-antics-oklch: oklch(0.544 0.087 83.5);
}
.element {
color: var(--aged-antics);
background-color: hsl(41 49% 36%);
border-color: oklch(0.544 0.087 83.5);
}Tailwind CSS v4
@theme {
--color-aged-antics: #886b2e;
--color-aged-antics-50: #fff4da;
--color-aged-antics-100: #f5e6c8;
--color-aged-antics-200: #e5d2aa;
--color-aged-antics-300: #ccb584;
--color-aged-antics-400: #b79a61;
--color-aged-antics-500: #a2813c;
--color-aged-antics-600: #896d34;
--color-aged-antics-700: #6e572a;
--color-aged-antics-800: #523f1c;
--color-aged-antics-900: #392c13;
--color-aged-antics-950: #231905;
}SCSS
$aged-antics: #886b2e;
$aged-antics-rgb: 136, 107, 46;
$aged-antics-light: mix(#fff, $aged-antics, 20%);
$aged-antics-dark: mix(#000, $aged-antics, 20%);
.element {
color: $aged-antics;
box-shadow: 0 0 0 2px rgba($aged-antics, 0.35);
}