# カラーコード #aaa455：やわらかな 明るい黄色

#aaa455 はRGBで rgb(170, 164, 85)、OKLCHで oklch(70.667% 0.10158 104.811) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aaa455 |
| RGB | rgb(170, 164, 85) |
| HSL | hsl(55.76, 33.33%, 50%) |
| HSB / HSV | hsv(55.76 50% 66.67%) |
| HWB | hwb(55.76 33.33% 33.33%) |
| CMYK | cmyk(0% 4% 50% 33%) |
| Lab | lab(66.6 -5.86 41.34) |
| LCH | lch(66.6 41.75 98.07) |
| OKLab | oklab(70.667% -0.02597 0.0982) |
| OKLCH | oklch(70.667% 0.10158 104.811) |
| Display P3 | color(display-p3 0.66257 0.64394 0.37568) |
| Rec. 2020 | color(rec2020 0.61058 0.60361 0.32508) |
| Adobe RGB | color(a98-rgb 0.65415 0.63726 0.35477) |
| ProPhoto RGB | color(prophoto-rgb 0.5564 0.57244 0.32066) |
| 線形sRGB | color(srgb-linear 0.40198 0.37124 0.09084) |
| XYZ D65 | color(xyz-d65 0.31492 0.35753 0.13837) |
| XYZ D50 | color(xyz-d50 0.33127 0.36108 0.10651) |
| SwiftUI | Color(red: 0.667, green: 0.643, blue: 0.333) |
| UIKit | UIColor(red: 0.667, green: 0.643, blue: 0.333, alpha: 1) |
| Flutter / Compose | Color(0xFFAAA455) |
| Android XML | #AAA455 |

## 基本情報

- 最も近い色名: やわらかな 明るい黄色
- 色相の系統: 黄色, やわらかな 明るい黄色
- 最も近いTailwindクラス: olive-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.58:1
- 黒とのコントラスト: 8.15:1

## ティント

#aaa455, #b2ad67, #bab679, #c3bf8a, #cbc89b, #d3d1ab, #dcdabc, #e5e3cd, #ededdd, #f6f6ee

## シェード

#aaa455, #938e49, #7d793d, #686431, #535026, #3f3d1c, #2d2b11, #1b1a08, #0b0a02, #010100

## トーン

#aaa455, #a9a45e, #a8a467, #a7a36f, #a6a377, #a5a37e, #a4a285, #a3a28c, #a2a193, #a1a19a

## カラーハーモニー

- 補色: #aaa455, #9a97de
- 分裂補色: #aaa455, #74a3df, #b88dcc
- 類似色: #aaa455, #c69754, #85af6d
- トライアド: #aaa455, #4faed0, #ce86af
- テトラード: #aaa455, #5cb590, #9a97de, #ce86af
- スクエア: #aaa455, #41b4b4, #9a97de, #d8868c
- モノクロマティック: #aaa455, #635c00, #867f2f, #d0ca7b, #f7f2a1

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

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

#aaa455 はやわらかな 明るい黄色です。最も近い名前のある色はやわらかな 明るい黄色です。RGBでは rgb(170, 164, 85)、HSLでは hsl(55.76, 33.33%, 50%)、OKLCHでは oklch(70.667% 0.10158 104.811) です。

### #aaa455 に合う色は？

#aaa455 の補色は #9a97de です。落ち着いた組み合わせにするなら、類似色の #c69754 と #85af6d を使いましょう。トライアドの組み合わせは #4faed0 と #ce86af です。

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

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

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

#aaa455 はニュートラルの色です。OKLCHでは色相 105度、明度 70.7%、クロマ 0.102 です。