# カラーコード #aaa64f：鮮やかな 明るい黄色

#aaa64f はRGBで rgb(170, 166, 79)、OKLCHで oklch(71.027% 0.1098 106.487) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aaa64f |
| RGB | rgb(170, 166, 79) |
| HSL | hsl(57.36, 36.55%, 48.82%) |
| HSB / HSV | hsv(57.36 53.53% 66.67%) |
| HWB | hwb(57.36 30.98% 33.33%) |
| CMYK | cmyk(0% 2% 54% 33%) |
| Lab | lab(67.09 -7.25 44.8) |
| LCH | lch(67.09 45.38 99.19) |
| OKLab | oklab(71.027% -0.03116 0.10529) |
| OKLCH | oklch(71.027% 0.1098 106.487) |
| Display P3 | color(display-p3 0.66392 0.65151 0.35858) |
| Rec. 2020 | color(rec2020 0.61292 0.61136 0.30813) |
| Adobe RGB | color(a98-rgb 0.65632 0.64508 0.33569) |
| ProPhoto RGB | color(prophoto-rgb 0.55778 0.57974 0.30694) |
| 線形sRGB | color(srgb-linear 0.40198 0.38133 0.07819) |
| XYZ D65 | color(xyz-d65 0.31624 0.36383 0.12754) |
| XYZ D50 | color(xyz-d50 0.33334 0.36754 0.09845) |
| SwiftUI | Color(red: 0.667, green: 0.651, blue: 0.31) |
| UIKit | UIColor(red: 0.667, green: 0.651, blue: 0.31, alpha: 1) |
| Flutter / Compose | Color(0xFFAAA64F) |
| Android XML | #AAA64F |

## 基本情報

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

## ティント

#aaa64f, #b2af62, #bab875, #c2c187, #cbc998, #d3d2a9, #dcdbba, #e4e4cb, #ededdd, #f6f6ee

## シェード

#aaa64f, #939044, #7d7a38, #68652e, #535123, #3f3e19, #2d2b10, #1b1a07, #0b0a02, #010100

## トーン

#aaa64f, #a9a65a, #a8a563, #a7a56c, #a6a575, #a5a47d, #a4a484, #a4a38c, #a3a393, #a2a29a

## カラーハーモニー

- 補色: #aaa64f, #9c97e3
- 分裂補色: #aaa64f, #74a4e5, #bd8ccf
- 類似色: #aaa64f, #c8984c, #81b16c
- トライアド: #aaa64f, #48afd6, #d385af
- テトラード: #aaa64f, #53b792, #9c97e3, #d385af
- スクエア: #aaa64f, #31b6b8, #9c97e3, #dd8489
- モノクロマティック: #aaa64f, #635e00, #868127, #d0cc75, #f7f49c

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

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

#aaa64f は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(170, 166, 79)、HSLでは hsl(57.36, 36.55%, 48.82%)、OKLCHでは oklch(71.027% 0.1098 106.487) です。

### #aaa64f に合う色は？

#aaa64f の補色は #9c97e3 です。落ち着いた組み合わせにするなら、類似色の #c8984c と #81b16c を使いましょう。トライアドの組み合わせは #48afd6 と #d385af です。

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

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

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

#aaa64f はニュートラルの色です。OKLCHでは色相 106度、明度 71%、クロマ 0.11 です。