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

#aca331 はRGBで rgb(172, 163, 49)、OKLCHで oklch(70.254% 0.13119 104.773) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aca331 |
| RGB | rgb(172, 163, 49) |
| HSL | hsl(55.61, 55.66%, 43.33%) |
| HSB / HSV | hsv(55.61 71.51% 67.45%) |
| HWB | hwb(55.61 19.22% 32.55%) |
| CMYK | cmyk(0% 5% 72% 33%) |
| Lab | lab(66.23 -6.35 56.82) |
| LCH | lch(66.23 57.18 96.38) |
| OKLab | oklab(70.254% -0.03345 0.12685) |
| OKLCH | oklch(70.254% 0.13119 104.773) |
| Display P3 | color(display-p3 0.66842 0.64043 0.27514) |
| Rec. 2020 | color(rec2020 0.61259 0.59972 0.22534) |
| Adobe RGB | color(a98-rgb 0.65877 0.63336 0.24295) |
| ProPhoto RGB | color(prophoto-rgb 0.55239 0.56808 0.24002) |
| 線形sRGB | color(srgb-linear 0.41254 0.36625 0.03071) |
| XYZ D65 | color(xyz-d65 0.30664 0.35187 0.08082) |
| XYZ D50 | color(xyz-d50 0.32535 0.35621 0.06323) |
| SwiftUI | Color(red: 0.675, green: 0.639, blue: 0.192) |
| UIKit | UIColor(red: 0.675, green: 0.639, blue: 0.192, alpha: 1) |
| Flutter / Compose | Color(0xFFACA331) |
| Android XML | #ACA331 |

## 基本情報

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

## ティント

#aca331, #b4ac4c, #bcb663, #c4bf78, #ccc88c, #d4d19f, #dddab3, #e5e4c6, #eeedd9, #f6f6ec

## シェード

#aca331, #958d29, #7f7822, #69631a, #544f13, #403c0c, #2d2a06, #1b1903, #0b0a01, #010100

## トーン

#aca331, #aba342, #a9a350, #a8a35d, #a6a268, #a5a272, #a4a17c, #a2a185, #a1a08e, #a0a097

## カラーハーモニー

- 補色: #aca331, #9792ed
- 分裂補色: #aca331, #64a2ef, #be85d7
- 類似色: #aca331, #cf9230, #7bb15a
- トライアド: #aca331, #0dafdc, #d87cb2
- テトラード: #aca331, #37b88a, #9792ed, #d87cb2
- スクエア: #aca331, #00b8b8, #9792ed, #e57b85
- モノクロマティック: #aca331, #645b00, #887e00, #d2c95c, #f9f184

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

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

#aca331 は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(172, 163, 49)、HSLでは hsl(55.61, 55.66%, 43.33%)、OKLCHでは oklch(70.254% 0.13119 104.773) です。

### #aca331 に合う色は？

#aca331 の補色は #9792ed です。落ち着いた組み合わせにするなら、類似色の #cf9230 と #7bb15a を使いましょう。トライアドの組み合わせは #0dafdc と #d87cb2 です。

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

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

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

#aca331 はニュートラルの色です。OKLCHでは色相 105度、明度 70.3%、クロマ 0.131 です。