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

#aeb170 はRGBで rgb(174, 177, 112)、OKLCHで oklch(74.265% 0.08637 110.586) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #aeb170 |
| RGB | rgb(174, 177, 112) |
| HSL | hsl(62.77, 29.41%, 56.67%) |
| HSB / HSV | hsv(62.77 36.72% 69.41%) |
| HWB | hwb(62.77 43.92% 30.59%) |
| CMYK | cmyk(2% 0% 37% 31%) |
| Lab | lab(70.81 -8.56 32.89) |
| LCH | lch(70.81 33.99 104.59) |
| OKLab | oklab(74.265% -0.03037 0.08085) |
| OKLCH | oklch(74.265% 0.08637 110.586) |
| Display P3 | color(display-p3 0.68446 0.69373 0.46915) |
| Rec. 2020 | color(rec2020 0.64259 0.65684 0.42228) |
| Adobe RGB | color(a98-rgb 0.67981 0.68821 0.45087) |
| ProPhoto RGB | color(prophoto-rgb 0.59432 0.62589 0.40794) |
| 線形sRGB | color(srgb-linear 0.42327 0.43966 0.16203) |
| XYZ D65 | color(xyz-d65 0.36101 0.41613 0.2146) |
| XYZ D50 | color(xyz-d50 0.37709 0.41918 0.16428) |
| SwiftUI | Color(red: 0.682, green: 0.694, blue: 0.439) |
| UIKit | UIColor(red: 0.682, green: 0.694, blue: 0.439, alpha: 1) |
| Flutter / Compose | Color(0xFFAEB170) |
| Android XML | #AEB170 |

## 基本情報

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

## ティント

#aeb170, #b6b97f, #bec08d, #c5c89b, #cdd0a9, #d5d8b8, #dee0c6, #e6e7d4, #eeefe2, #f7f7f1

## シェード

#aeb170, #979960, #808351, #6a6c43, #555735, #414227, #2e2f1a, #1c1c0e, #0b0c04, #010101

## トーン

#aeb170, #aeb177, #adb07d, #adb083, #adaf8a, #acaf8f, #acae95, #acad9b, #acada1, #acaca6

## カラーハーモニー

- 補色: #aeb170, #aba2df
- 分裂補色: #aeb170, #8cade3, #c59acd
- 類似色: #aeb170, #c8a66b, #8eba86
- トライアド: #aeb170, #70b6d8, #d695b3
- テトラード: #aeb170, #70bea4, #aba2df, #d695b3
- スクエア: #aeb170, #62bcc2, #aba2df, #dd9694
- モノクロマティック: #aeb170, #676828, #898c4c, #d4d895, #f7fbb7

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

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

#aeb170 はやわらかな 明るい黄色です。最も近い名前のある色はやわらかな 明るい黄色です。RGBでは rgb(174, 177, 112)、HSLでは hsl(62.77, 29.41%, 56.67%)、OKLCHでは oklch(74.265% 0.08637 110.586) です。

### #aeb170 に合う色は？

#aeb170 の補色は #aba2df です。落ち着いた組み合わせにするなら、類似色の #c8a66b と #8eba86 を使いましょう。トライアドの組み合わせは #70b6d8 と #d695b3 です。

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

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

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

#aeb170 はニュートラルの色です。OKLCHでは色相 111度、明度 74.3%、クロマ 0.086 です。