# カラーコード #afa87e：スモーキーな 明るい黄色

#afa87e はRGBで rgb(175, 168, 126)、OKLCHで oklch(72.68% 0.05795 99.723) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #afa87e |
| RGB | rgb(175, 168, 126) |
| HSL | hsl(51.43, 23.44%, 59.02%) |
| HSB / HSV | hsv(51.43 28% 68.63%) |
| HWB | hwb(51.43 49.41% 31.37%) |
| CMYK | cmyk(0% 4% 28% 31%) |
| Lab | lab(68.66 -2.37 22.74) |
| LCH | lch(68.66 22.87 95.95) |
| OKLab | oklab(72.68% -0.00979 0.05712) |
| OKLCH | oklch(72.68% 0.05795 99.723) |
| Display P3 | color(display-p3 0.68151 0.65976 0.51234) |
| Rec. 2020 | color(rec2020 0.63421 0.62201 0.46627) |
| Adobe RGB | color(a98-rgb 0.67267 0.6529 0.49834) |
| ProPhoto RGB | color(prophoto-rgb 0.58886 0.59273 0.4461) |
| 線形sRGB | color(srgb-linear 0.42869 0.39157 0.20864) |
| XYZ D65 | color(xyz-d65 0.35446 0.38626 0.25328) |
| XYZ D50 | color(xyz-d50 0.3676 0.38874 0.19297) |
| SwiftUI | Color(red: 0.686, green: 0.659, blue: 0.494) |
| UIKit | UIColor(red: 0.686, green: 0.659, blue: 0.494, alpha: 1) |
| Flutter / Compose | Color(0xFFAFA87E) |
| Android XML | #AFA87E |

## 基本情報

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

## ティント

#afa87e, #b7b08b, #beb997, #c6c2a4, #cecab1, #d6d3be, #dedcca, #e6e4d7, #efede5, #f7f6f2

## シェード

#afa87e, #98926d, #817c5c, #6b674c, #56523c, #413f2d, #2e2c1f, #1c1a11, #0b0a05, #010101

## トーン

#afa87e, #aea882, #ada887, #aca88b, #aca88f, #aba793, #aaa797, #a9a79b, #a8a79f, #a7a7a3

## カラーハーモニー

- 補色: #afa87e, #9fa3cb
- 分裂補色: #afa87e, #8baaca, #b29dc3
- 類似色: #afa87e, #bfa17f, #9bae88
- トライアド: #afa87e, #7eb0c0, #c099b2
- テトラード: #afa87e, #88b29a, #9fa3cb, #c099b2
- スクエア: #afa87e, #7cb3ae, #9fa3cb, #c8989e
- モノクロマティック: #afa87e, #676039, #8a835b, #d5cea3, #fdf6c9

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

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

#afa87e はスモーキーな 明るい黄色です。最も近い名前のある色はスモーキーな 明るい黄色です。RGBでは rgb(175, 168, 126)、HSLでは hsl(51.43, 23.44%, 59.02%)、OKLCHでは oklch(72.68% 0.05795 99.723) です。

### #afa87e に合う色は？

#afa87e の補色は #9fa3cb です。落ち着いた組み合わせにするなら、類似色の #bfa17f と #9bae88 を使いましょう。トライアドの組み合わせは #7eb0c0 と #c099b2 です。

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

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

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

#afa87e は暖色系の色です。OKLCHでは色相 100度、明度 72.7%、クロマ 0.058 です。