色名 · #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);
}