# カラーコード #aea79c：明るいグレー

#aea79c はRGBで rgb(174, 167, 156)、OKLCHで oklch(73.108% 0.01755 79.325) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/aea79c

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aea79c |
| RGB | rgb(174, 167, 156) |
| HSL | hsl(36.67, 10%, 64.71%) |
| HSB / HSV | hsv(36.67 10.34% 68.24%) |
| HWB | hwb(36.67 61.18% 31.76%) |
| CMYK | cmyk(0% 4% 10% 32%) |
| Lab | lab(68.85 1.16 6.66) |
| LCH | lch(68.85 6.76 80.14) |
| OKLab | oklab(73.108% 0.00325 0.01724) |
| OKLCH | oklch(73.108% 0.01755 79.325) |
| Display P3 | color(display-p3 0.67758 0.65584 0.61631) |
| Rec. 2020 | color(rec2020 0.63442 0.61895 0.57605) |
| Adobe RGB | color(a98-rgb 0.66875 0.64899 0.60791) |
| ProPhoto RGB | color(prophoto-rgb 0.59968 0.59143 0.54948) |
| 線形sRGB | color(srgb-linear 0.42327 0.38643 0.33245) |
| XYZ D65 | color(xyz-d65 0.37273 0.39037 0.37025) |
| XYZ D50 | color(xyz-d50 0.38097 0.39135 0.28081) |
| SwiftUI | Color(red: 0.682, green: 0.655, blue: 0.612) |
| UIKit | UIColor(red: 0.682, green: 0.655, blue: 0.612, alpha: 1) |
| Flutter / Compose | Color(0xFFAEA79C) |
| Android XML | #AEA79C |

## 基本情報

- 最も近い色名: 明るいグレー
- 色相の系統: グレー, 明るいグレー
- 最も近いTailwindクラス: olive-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.38:1
- 黒とのコントラスト: 8.81:1

## ティント

#aea79c, #b6afa6, #beb8af, #c6c1b9, #cec9c3, #d6d2cc, #dedbd6, #e6e4e0, #eeedeb, #f7f6f5

## シェード

#aea79c, #979187, #807b73, #6a665f, #55524c, #413e39, #2e2c28, #1c1a18, #0b0a09, #010101

## トーン

#aea79c, #ada79d, #ada79e, #aca7a0, #aca7a1, #aba7a2, #aaa8a3, #aaa8a4, #a9a8a6, #a8a8a7

## カラーハーモニー

- 補色: #aea79c, #a2a9b3
- 分裂補色: #aea79c, #9daab1, #a7a6b3
- 類似色: #aea79c, #b2a59f, #a8a99d
- トライアド: #aea79c, #9cacac, #ada5af
- テトラード: #aea79c, #a3aba0, #a2a9b3, #ada5af
- スクエア: #aea79c, #9eaca6, #a2a9b3, #b1a4aa
- モノクロマティック: #aea79c, #666056, #898378, #d4cdc2, #fcf4e8

## #aea79c についてのよくある質問

### #aea79c は何色ですか？

#aea79c は明るいグレーです。最も近い名前のある色は明るいグレーです。RGBでは rgb(174, 167, 156)、HSLでは hsl(36.67, 10%, 64.71%)、OKLCHでは oklch(73.108% 0.01755 79.325) です。

### #aea79c に合う色は？

#aea79c の補色は #a2a9b3 です。落ち着いた組み合わせにするなら、類似色の #b2a59f と #a8a99d を使いましょう。トライアドの組み合わせは #9cacac と #ada5af です。

### #aea79c の上では白と黒のどちらの文字が読みやすいですか？

#aea79c の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.38:1、黒は 8.81:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #aea79c は暖色と寒色のどちらですか？

#aea79c はニュートラルの色です。OKLCHでは色相 79度、明度 73.1%、クロマ 0.018 です。