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

#ae960e はRGBで rgb(174, 150, 14)、OKLCHで oklch(67.455% 0.13642 97.407) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ae960e |
| RGB | rgb(174, 150, 14) |
| HSL | hsl(51, 85.11%, 36.86%) |
| HSB / HSV | hsv(51 91.95% 68.24%) |
| HWB | hwb(51 5.49% 31.76%) |
| CMYK | cmyk(0% 14% 92% 32%) |
| Lab | lab(62.77 0.29 63.72) |
| LCH | lch(62.77 63.72 89.74) |
| OKLab | oklab(67.455% -0.01759 0.13528) |
| OKLCH | oklch(67.455% 0.13642 97.407) |
| Display P3 | color(display-p3 0.66688 0.59167 0.20066) |
| Rec. 2020 | color(rec2020 0.60018 0.54944 0.1522) |
| Adobe RGB | color(a98-rgb 0.65138 0.58277 0.15582) |
| ProPhoto RGB | color(prophoto-rgb 0.53589 0.51998 0.18255) |
| 線形sRGB | color(srgb-linear 0.42327 0.30499 0.00439) |
| XYZ D65 | color(xyz-d65 0.2844 0.30844 0.04871) |
| XYZ D50 | color(xyz-d50 0.30267 0.31308 0.03864) |
| SwiftUI | Color(red: 0.682, green: 0.588, blue: 0.055) |
| UIKit | UIColor(red: 0.682, green: 0.588, blue: 0.055, alpha: 1) |
| Flutter / Compose | Color(0xFFAE960E) |
| Android XML | #AE960E |

## 基本情報

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

## ティント

#ae960e, #b6a13a, #beab55, #c5b66c, #cdc082, #d6cb98, #ded5ac, #e6e0c1, #eeead6, #f7f5ea

## シェード

#ae960e, #97820b, #806e07, #6a5b05, #554903, #413702, #2e2601, #1c1600, #0b0800, #010100

## トーン

#ae960e, #ac962e, #a99740, #a7974e, #a4975b, #a29766, #a09771, #9d977b, #9b9784, #99978d

## カラーハーモニー

- 補色: #ae960e, #838de9
- 分裂補色: #ae960e, #479ce6, #ad7ed7
- 類似色: #ae960e, #cd8425, #7fa641
- トライアド: #ae960e, #00aacd, #cb73b4
- テトラード: #ae960e, #3aaf75, #838de9, #cb73b4
- スクエア: #ae960e, #00b1a5, #838de9, #db7087
- モノクロマティック: #ae960e, #625000, #897200, #d4bc47, #fce371

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

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

#ae960e は鮮やかな 黄色です。最も近い名前のある色は鮮やかな 黄色です。RGBでは rgb(174, 150, 14)、HSLでは hsl(51, 85.11%, 36.86%)、OKLCHでは oklch(67.455% 0.13642 97.407) です。

### #ae960e に合う色は？

#ae960e の補色は #838de9 です。落ち着いた組み合わせにするなら、類似色の #cd8425 と #7fa641 を使いましょう。トライアドの組み合わせは #00aacd と #cb73b4 です。

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

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

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

#ae960e は暖色系の色です。OKLCHでは色相 97度、明度 67.5%、クロマ 0.136 です。