# カラーコード #aaa03f：鮮やかな 黄色

#aaa03f はRGBで rgb(170, 160, 63)、OKLCHで oklch(69.535% 0.11813 103.435) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aaa03f |
| RGB | rgb(170, 160, 63) |
| HSL | hsl(54.39, 45.92%, 45.69%) |
| HSB / HSV | hsv(54.39 62.94% 66.67%) |
| HWB | hwb(54.39 24.71% 33.33%) |
| CMYK | cmyk(0% 6% 63% 33%) |
| Lab | lab(65.32 -5.13 50.19) |
| LCH | lch(65.32 50.45 95.83) |
| OKLab | oklab(69.535% -0.02745 0.1149) |
| OKLCH | oklch(69.535% 0.11813 103.435) |
| Display P3 | color(display-p3 0.65992 0.6288 0.30861) |
| Rec. 2020 | color(rec2020 0.60355 0.5875 0.25752) |
| Adobe RGB | color(a98-rgb 0.64989 0.62165 0.28269) |
| ProPhoto RGB | color(prophoto-rgb 0.5454 0.55631 0.26432) |
| 線形sRGB | color(srgb-linear 0.40198 0.35153 0.04971) |
| XYZ D65 | color(xyz-d65 0.30045 0.34047 0.09692) |
| XYZ D50 | color(xyz-d50 0.31779 0.34446 0.07522) |
| SwiftUI | Color(red: 0.667, green: 0.627, blue: 0.247) |
| UIKit | UIColor(red: 0.667, green: 0.627, blue: 0.247, alpha: 1) |
| Flutter / Compose | Color(0xFFAAA03F) |
| Android XML | #AAA03F |

## 基本情報

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

## ティント

#aaa03f, #b2a956, #bab36a, #c2bc7e, #cbc690, #d3cfa3, #dcd9b5, #e4e2c8, #edecda, #f6f5ed

## シェード

#aaa03f, #938b35, #7d762c, #686123, #534e1b, #3f3b12, #2d290a, #1b1904, #0b0901, #010100

## トーン

#aaa03f, #a9a04c, #a7a057, #a6a062, #a49f6b, #a39f74, #a29f7d, #a09e85, #9f9e8d, #9e9d95

## カラーハーモニー

- 補色: #aaa03f, #9493e4
- 分裂補色: #aaa03f, #66a0e5, #b786d1
- 類似色: #aaa03f, #c99140, #7fad5e
- トライアド: #aaa03f, #2facd3, #d07eb0
- テトラード: #aaa03f, #49b488, #9493e4, #d07eb0
- スクエア: #aaa03f, #07b3b2, #9493e4, #dc7d87
- モノクロマティック: #aaa03f, #635800, #867b0b, #d0c667, #f7ee8e

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

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

#aaa03f は鮮やかな 黄色です。最も近い名前のある色は鮮やかな 黄色です。RGBでは rgb(170, 160, 63)、HSLでは hsl(54.39, 45.92%, 45.69%)、OKLCHでは oklch(69.535% 0.11813 103.435) です。

### #aaa03f に合う色は？

#aaa03f の補色は #9493e4 です。落ち着いた組み合わせにするなら、類似色の #c99140 と #7fad5e を使いましょう。トライアドの組み合わせは #2facd3 と #d07eb0 です。

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

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

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

#aaa03f はニュートラルの色です。OKLCHでは色相 103度、明度 69.5%、クロマ 0.118 です。