色名 · #A7AE9E
Mountain Lichen
Mountain Lichenは#A7AE9E：rgb(167 174 158)、hsl(86 9% 65%)、oklch(0.741 0.024 126.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Mountain Lichen color name →
#A7AE9E
oklch(0.741 0.024 126.3)
カラー変換
- HEX
- #a7ae9e
- RGB
- rgb(167 174 158)
- HSL
- hsl(86 9% 65%)
- HWB
- hwb(86 62% 32%)
- OKLCH
- oklch(0.741 0.024 126.3)
- OKLab
- oklab(0.741 -0.014 0.019)
- CIE Lab
- lab(70.19 -4.77 7.35)
- LCH
- lch(70.19 8.76 123)
- CMYK
- cmyk(4% 0% 9% 32%)
ティント · シェード · トーン
ティント
- AFB6A7
- B8BEB1
- C1C6BA
- C9CEC4
- D2D6CE
- DBDED7
- E4E6E1
- EDEEEB
- F6F7F5
シェード
- 919789
- 7B8074
- 666A60
- 52554D
- 3E413A
- 2C2E29
- 1A1C18
- 0A0B09
- 010101
トーン
- A3A99B
- 9FA598
- 9BA095
- 979B92
- 93978F
- 8F928C
- 8C8E89
- 888986
- 848483
カラーハーモニー
補色 +180°
- A7AE9E
Mountain Lichen
- AFA7B7
≈ Amorphous Rose
類似色 -30° +30°
- A7AE9E
Mountain Lichen
- AFAB9B
≈ Chatroom
- A0B0A5
≈ Powdered Gum
トライアド +120° +240°
- A7AE9E
Mountain Lichen
- 9FADBA
≈ Petrel Blue Grey
- B9A5A8
≈ Magical Mauve
スプリットコンプリメンタリー +150° +210°
- A7AE9E
Mountain Lichen
- A7AABA
≈ Cream Violet
- B5A6B1
≈ Resplendent
テトラード +90° +180° +270°
- A7AE9E
Mountain Lichen
- 9BAFB5
≈ Interesting Aqua
- AFA7B7
≈ Amorphous Rose
- B9A6A1
≈ Prestige
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.28:1 · APCA Lc 45
Ag
AAA黒の上
WCAG 9.19:1 · APCA Lc 57
最適な文字色: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
コードスニペット
CSS
:root {
--mountain-lichen: #a7ae9e;
--mountain-lichen-rgb: 167 174 158;
--mountain-lichen-oklch: oklch(0.741 0.024 126.3);
}
.element {
color: var(--mountain-lichen);
background-color: hsl(86 9% 65%);
border-color: oklch(0.741 0.024 126.3);
}Tailwind CSS v4
@theme {
--color-mountain-lichen: #a7ae9e;
--color-mountain-lichen-50: #f3f7ef;
--color-mountain-lichen-100: #e5e9e1;
--color-mountain-lichen-200: #d1d6cc;
--color-mountain-lichen-300: #b4baad;
--color-mountain-lichen-400: #9ba192;
--color-mountain-lichen-500: #828978;
--color-mountain-lichen-600: #6e7466;
--color-mountain-lichen-700: #585d51;
--color-mountain-lichen-800: #40443b;
--color-mountain-lichen-900: #2c2f28;
--color-mountain-lichen-950: #191b16;
}SCSS
$mountain-lichen: #a7ae9e;
$mountain-lichen-rgb: 167, 174, 158;
$mountain-lichen-light: mix(#fff, $mountain-lichen, 20%);
$mountain-lichen-dark: mix(#000, $mountain-lichen, 20%);
.element {
color: $mountain-lichen;
box-shadow: 0 0 0 2px rgba($mountain-lichen, 0.35);
}