色名 · #A1A46D
Willow Leaf
Willow Leafは#A1A46D：rgb(161 164 109)、hsl(63 23% 54%)、oklch(0.703 0.075 110.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Willow Leaf color name →
#A1A46D
oklch(0.703 0.075 110.8)
カラー変換
- HEX
- #a1a46d
- RGB
- rgb(161 164 109)
- HSL
- hsl(63 23% 54%)
- HWB
- hwb(63 43% 36%)
- OKLCH
- oklch(0.703 0.075 110.8)
- OKLab
- oklab(0.703 -0.027 0.07)
- CIE Lab
- lab(66.11 -7.67 28.22)
- LCH
- lch(66.11 29.25 105.2)
- CMYK
- cmyk(2% 0% 34% 36%)
ティント · シェード · トーン
ティント
- AAAD7B
- B3B68A
- BCBF98
- C5C8A7
- CFD1B5
- D8DAC4
- E2E3D2
- EBECE1
- F5F6F0
シェード
- 8B8E5E
- 76794F
- 626441
- 4E5033
- 3C3D26
- 2A2B19
- 191A0D
- 090A04
- 010101
トーン
- 9EA06F
- 9A9D72
- 979974
- 939676
- 909278
- 8D8E7A
- 8A8B7B
- 86877D
- 83847F
カラーハーモニー
補色 +180°
- A1A46D
Willow Leaf
- 9F98CB
≈ Bluebell Frost
類似色 -30° +30°
- A1A46D
Willow Leaf
- B79B69
≈ New Cork
- 86AB7F
≈ Verdant Haven
トライアド +120° +240°
- A1A46D
Willow Leaf
- 6DA8C6
≈ Moonstone Blue
- C48CA5
≈ Pinch Me
スプリットコンプリメンタリー +150° +210°
- A1A46D
Willow Leaf
- 85A0CE
≈ Caribbean Sky
- B590BC
≈ Satin Flower
テトラード +90° +180° +270°
- A1A46D
Willow Leaf
- 63AEB2
≈ Fountain Blue
- 9F98CB
≈ Bluebell Frost
- CA8D8B
≈ Resounding Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.60:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 8.04:1 · APCA Lc 51
最適な文字色: #000000
WCAG 8.04:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--willow-leaf: #a1a46d;
--willow-leaf-rgb: 161 164 109;
--willow-leaf-oklch: oklch(0.703 0.075 110.8);
}
.element {
color: var(--willow-leaf);
background-color: hsl(63 23% 54%);
border-color: oklch(0.703 0.075 110.8);
}Tailwind CSS v4
@theme {
--color-willow-leaf: #a1a46d;
--color-willow-leaf-50: #f5f8e0;
--color-willow-leaf-100: #e8ebcf;
--color-willow-leaf-200: #d4d8b4;
--color-willow-leaf-300: #b7bc90;
--color-willow-leaf-400: #a0a36f;
--color-willow-leaf-500: #888b4f;
--color-willow-leaf-600: #737643;
--color-willow-leaf-700: #5c5e35;
--color-willow-leaf-800: #444525;
--color-willow-leaf-900: #2f2f19;
--color-willow-leaf-950: #1c1c09;
}SCSS
$willow-leaf: #a1a46d;
$willow-leaf-rgb: 161, 164, 109;
$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);
}