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

#afa23d はRGBで rgb(175, 162, 61)、OKLCHで oklch(70.411% 0.12144 101.959) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #afa23d |
| RGB | rgb(175, 162, 61) |
| HSL | hsl(53.16, 48.31%, 46.27%) |
| HSB / HSV | hsv(53.16 65.14% 68.63%) |
| HWB | hwb(53.16 23.92% 31.37%) |
| CMYK | cmyk(0% 7% 65% 31%) |
| Lab | lab(66.31 -4.06 52.24) |
| LCH | lch(66.31 52.4 94.45) |
| OKLab | oklab(70.411% -0.02517 0.11881) |
| OKLCH | oklch(70.411% 0.12144 101.959) |
| Display P3 | color(display-p3 0.67758 0.63707 0.30546) |
| Rec. 2020 | color(rec2020 0.62027 0.59692 0.25471) |
| Adobe RGB | color(a98-rgb 0.66633 0.62945 0.27743) |
| ProPhoto RGB | color(prophoto-rgb 0.56052 0.56608 0.26265) |
| 線形sRGB | color(srgb-linear 0.42869 0.36131 0.04667) |
| XYZ D65 | color(xyz-d65 0.31441 0.35292 0.09571) |
| XYZ D50 | color(xyz-d50 0.33277 0.35723 0.07437) |
| SwiftUI | Color(red: 0.686, green: 0.635, blue: 0.239) |
| UIKit | UIColor(red: 0.686, green: 0.635, blue: 0.239, alpha: 1) |
| Flutter / Compose | Color(0xFFAFA23D) |
| Android XML | #AFA23D |

## 基本情報

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

## ティント

#afa23d, #b7ab55, #beb569, #c6be7d, #cec790, #d6d0a3, #dedab5, #e6e3c8, #eeecda, #f7f6ed

## シェード

#afa23d, #988c34, #81772b, #6b6322, #564f1a, #413c12, #2e2a0a, #1c1904, #0b0a01, #010100

## トーン

#afa23d, #ada24b, #aca257, #aaa262, #a8a26c, #a7a275, #a5a17e, #a4a187, #a2a18f, #a1a098

## カラーハーモニー

- 補色: #afa23d, #9496e9
- 分裂補色: #afa23d, #65a4e9, #b989d6
- 類似色: #afa23d, #ce9240, #83af5d
- トライアド: #afa23d, #28b0d6, #d380b5
- テトラード: #afa23d, #4cb788, #9496e9, #d380b5
- スクエア: #afa23d, #00b7b3, #9496e9, #e07e8c
- モノクロマティック: #afa23d, #675a00, #8a7d03, #d5c865, #fdf08d

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

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

#afa23d は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(175, 162, 61)、HSLでは hsl(53.16, 48.31%, 46.27%)、OKLCHでは oklch(70.411% 0.12144 101.959) です。

### #afa23d に合う色は？

#afa23d の補色は #9496e9 です。落ち着いた組み合わせにするなら、類似色の #ce9240 と #83af5d を使いましょう。トライアドの組み合わせは #28b0d6 と #d380b5 です。

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

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

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

#afa23d はニュートラルの色です。OKLCHでは色相 102度、明度 70.4%、クロマ 0.121 です。