最も近い色名 · #A29C6A
#A29C6A
最も近い色名: Willow Leaf
#A29C6A（rgb(162 156 106)、hsl(54 23% 53%)、oklch(0.686 0.069 102.2)）に最も近い色名はWillow Leafです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#A29C6A
oklch(0.686 0.069 102.2)
カラー変換
- HEX
- #a29c6a
- RGB
- rgb(162 156 106)
- HSL
- hsl(54 23% 53%)
- HWB
- hwb(54 42% 36%)
- OKLCH
- oklch(0.686 0.069 102.2)
- OKLab
- oklab(0.686 -0.014 0.067)
- CIE Lab
- lab(63.95 -3.51 27.07)
- LCH
- lch(63.95 27.3 97.4)
- CMYK
- cmyk(0% 4% 35% 36%)
ティント · シェード · トーン
ティント
- ABA679
- B4AF87
- BDB996
- C6C3A5
- CFCDB3
- D9D7C2
- E2E1D1
- ECEBE0
- F5F5F0
シェード
- 8C875B
- 77734D
- 635F3F
- 4F4C31
- 3C3924
- 2A2818
- 19180D
- 0A0904
- 010100
トーン
- 9E996D
- 9B966F
- 989472
- 949174
- 918E76
- 8D8B78
- 8A897A
- 87867C
- 83837E
カラーハーモニー
補色 +180°
- A29C6A
Willow Leaf
- 9395C4
≈ Litmus
類似色 -30° +30°
- A29C6A
Willow Leaf
- B5946B
≈ Baguette
- 8AA377
≈ Antilles Garden
トライアド +120° +240°
- A29C6A
Willow Leaf
- 69A4B9
≈ Pacific Palisade
- B889A6
≈ A Plum Job
スプリットコンプリメンタリー +150° +210°
- A29C6A
Willow Leaf
- 7B9DC4
≈ Cottage Blue
- A88EB9
≈ East Side
テトラード +90° +180° +270°
- A29C6A
Willow Leaf
- 65A8A5
≈ Veranda
- 9395C4
≈ Litmus
- C0898E
≈ Prophetess
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.49:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--willow-leaf: #a29c6a;
--willow-leaf-rgb: 162 156 106;
--willow-leaf-oklch: oklch(0.686 0.069 102.2);
}
.element {
color: var(--willow-leaf);
background-color: hsl(54 23% 53%);
border-color: oklch(0.686 0.069 102.2);
}Tailwind CSS v4
@theme {
--color-willow-leaf: #a29c6a;
--color-willow-leaf-50: #f8f7e0;
--color-willow-leaf-100: #ebead0;
--color-willow-leaf-200: #d8d6b5;
--color-willow-leaf-300: #bdba91;
--color-willow-leaf-400: #a6a071;
--color-willow-leaf-500: #8f8851;
--color-willow-leaf-600: #797345;
--color-willow-leaf-700: #615c37;
--color-willow-leaf-800: #484327;
--color-willow-leaf-900: #322e1a;
--color-willow-leaf-950: #1e1b0a;
}SCSS
$willow-leaf: #a29c6a;
$willow-leaf-rgb: 162, 156, 106;
$willow-leaf-light: mix(#fff, $willow-leaf, 20%);
$willow-leaf-dark: mix(#000, $willow-leaf, 20%);
.element {
color: $willow-leaf;
box-shadow: 0 0 0 2px rgba($willow-leaf, 0.35);
}