# カラーコード #9fa154：やわらかな 黄色

#9fa154 はRGBで rgb(159, 161, 84)、OKLCHで oklch(69.033% 0.10033 110.081) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/9fa154

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #9fa154 |
| RGB | rgb(159, 161, 84) |
| HSL | hsl(61.56, 31.43%, 48.04%) |
| HSB / HSV | hsv(61.56 47.83% 63.14%) |
| HWB | hwb(61.56 32.94% 36.86%) |
| CMYK | cmyk(1% 0% 48% 37%) |
| Lab | lab(64.8 -9.07 39.45) |
| LCH | lch(64.8 40.48 102.95) |
| OKLab | oklab(69.033% -0.03445 0.09423) |
| OKLCH | oklch(69.033% 0.10033 110.081) |
| Display P3 | color(display-p3 0.62493 0.63111 0.36944) |
| Rec. 2020 | color(rec2020 0.57608 0.58847 0.31842) |
| Adobe RGB | color(a98-rgb 0.61999 0.62555 0.35047) |
| ProPhoto RGB | color(prophoto-rgb 0.52509 0.55623 0.3143) |
| 線形sRGB | color(srgb-linear 0.3467 0.3564 0.08866) |
| XYZ D65 | color(xyz-d65 0.28642 0.33501 0.13345) |
| XYZ D50 | color(xyz-d50 0.30114 0.33801 0.10274) |
| SwiftUI | Color(red: 0.624, green: 0.631, blue: 0.329) |
| UIKit | UIColor(red: 0.624, green: 0.631, blue: 0.329, alpha: 1) |
| Flutter / Compose | Color(0xFF9FA154) |
| Android XML | #9FA154 |

## 基本情報

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

## ティント

#9fa154, #a8aa66, #b1b477, #bbbd89, #c4c699, #ced0aa, #d7d9bb, #e1e2cc, #ebecdd, #f5f5ee

## シェード

#9fa154, #8a8b48, #75763c, #616231, #4d4e26, #3b3c1b, #292a11, #181908, #090902, #010100

## トーン

#9fa154, #9fa15d, #9ea065, #9ea06c, #9d9f74, #9d9f7b, #9c9e82, #9c9d88, #9c9d8f, #9c9c95

## カラーハーモニー

- 補色: #9fa154, #9a91d5
- 分裂補色: #9fa154, #779cda, #b787c2
- 類似色: #9fa154, #bc944e, #7aab6f
- トライアド: #9fa154, #51a7ce, #cb81a4
- テトラード: #9fa154, #52b092, #9a91d5, #cb81a4
- スクエア: #9fa154, #3caeb4, #9a91d5, #d28281
- モノクロマティック: #9fa154, #595900, #7b7c2e, #c5c779, #ebef9f

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

### #9fa154 は何色ですか？

#9fa154 はやわらかな 黄色です。最も近い名前のある色はやわらかな 黄色です。RGBでは rgb(159, 161, 84)、HSLでは hsl(61.56, 31.43%, 48.04%)、OKLCHでは oklch(69.033% 0.10033 110.081) です。

### #9fa154 に合う色は？

#9fa154 の補色は #9a91d5 です。落ち着いた組み合わせにするなら、類似色の #bc944e と #7aab6f を使いましょう。トライアドの組み合わせは #51a7ce と #cb81a4 です。

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

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

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

#9fa154 はニュートラルの色です。OKLCHでは色相 110度、明度 69%、クロマ 0.1 です。