# カラーコード #dfa366：やわらかな 明るいアンバー

#dfa366 はRGBで rgb(223, 163, 102)、OKLCHで oklch(75.959% 0.10549 65.547) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #dfa366 |
| RGB | rgb(223, 163, 102) |
| HSL | hsl(30.25, 65.41%, 63.73%) |
| HSB / HSV | hsv(30.25 54.26% 87.45%) |
| HWB | hwb(30.25 40% 12.55%) |
| CMYK | cmyk(0% 27% 54% 13%) |
| Lab | lab(71.88 17.98 40.61) |
| LCH | lch(71.88 44.41 66.12) |
| OKLab | oklab(75.959% 0.04367 0.09602) |
| OKLCH | oklch(75.959% 0.10549 65.547) |
| Display P3 | color(display-p3 0.83893 0.64886 0.43676) |
| Rec. 2020 | color(rec2020 0.76721 0.61971 0.3871) |
| Adobe RGB | color(a98-rgb 0.8117 0.63336 0.41229) |
| ProPhoto RGB | color(prophoto-rgb 0.7029 0.59792 0.37431) |
| 線形sRGB | color(srgb-linear 0.73791 0.36625 0.13287) |
| XYZ D65 | color(xyz-d65 0.45925 0.42843 0.18422) |
| XYZ D50 | color(xyz-d50 0.48185 0.4348 0.14071) |
| SwiftUI | Color(red: 0.875, green: 0.639, blue: 0.4) |
| UIKit | UIColor(red: 0.875, green: 0.639, blue: 0.4, alpha: 1) |
| Flutter / Compose | Color(0xFFDFA366) |
| Android XML | #DFA366 |

## 基本情報

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

## ティント

#dfa366, #e3ac76, #e6b686, #eabf95, #edc8a4, #f0d1b4, #f3dac3, #f7e3d2, #f9ede1, #fcf6f0

## シェード

#dfa366, #c28d58, #a5784a, #8a633c, #6f4f2f, #563c23, #3d2a17, #27190c, #120a04, #020100

## トーン

#dfa366, #dba56f, #d6a677, #d2a87f, #cda987, #c9ab8e, #c4ac95, #bfad9c, #bbafa3, #b6b0aa

## カラーハーモニー

- 補色: #dfa366, #76b8f0
- 分裂補色: #dfa366, #54c2db, #9eabf4
- 類似色: #dfa366, #ec9882, #c5b15f
- トライアド: #dfa366, #54c7ba, #c1a0e7
- テトラード: #dfa366, #a1bd72, #76b8f0, #c1a0e7
- スクエア: #dfa366, #77c594, #76b8f0, #db97cb
- モノクロマティック: #dfa366, #915a18, #b87e41, #ffc98c, #ffefd3

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

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

#dfa366 はやわらかな 明るいアンバーです。最も近い名前のある色はやわらかな 明るいアンバーです。RGBでは rgb(223, 163, 102)、HSLでは hsl(30.25, 65.41%, 63.73%)、OKLCHでは oklch(75.959% 0.10549 65.547) です。

### #dfa366 に合う色は？

#dfa366 の補色は #76b8f0 です。落ち着いた組み合わせにするなら、類似色の #ec9882 と #c5b15f を使いましょう。トライアドの組み合わせは #54c7ba と #c1a0e7 です。

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

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

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

#dfa366 は暖色系の色です。OKLCHでは色相 66度、明度 76%、クロマ 0.105 です。