# カラーコード #d28362：やわらかな オレンジ

#d28362 はRGBで rgb(210, 131, 98)、OKLCHで oklch(68.56% 0.10836 43.251) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #d28362 |
| RGB | rgb(210, 131, 98) |
| HSL | hsl(17.68, 55.45%, 60.39%) |
| HSB / HSV | hsv(17.68 53.33% 82.35%) |
| HWB | hwb(17.68 38.43% 17.65%) |
| CMYK | cmyk(0% 38% 53% 18%) |
| Lab | lab(62.8 28.8 31.21) |
| LCH | lch(62.8 42.47 47.3) |
| OKLab | oklab(68.56% 0.07893 0.07425) |
| OKLCH | oklch(68.56% 0.10836 43.251) |
| Display P3 | color(display-p3 0.77992 0.52795 0.40815) |
| Rec. 2020 | color(rec2020 0.69402 0.49468 0.3544) |
| Adobe RGB | color(a98-rgb 0.74638 0.50951 0.39052) |
| ProPhoto RGB | color(prophoto-rgb 0.6283 0.47825 0.3398) |
| 線形sRGB | color(srgb-linear 0.64448 0.22697 0.12214) |
| XYZ D65 | color(xyz-d65 0.36898 0.30818 0.15561) |
| XYZ D50 | color(xyz-d50 0.38593 0.31351 0.11823) |
| SwiftUI | Color(red: 0.824, green: 0.514, blue: 0.384) |
| UIKit | UIColor(red: 0.824, green: 0.514, blue: 0.384, alpha: 1) |
| Flutter / Compose | Color(0xFFD28362) |
| Android XML | #D28362 |

## 基本情報

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

## ティント

#d28362, #d78f72, #dd9c81, #e2a891, #e7b4a0, #ebc1b0, #f0cdbf, #f4dacf, #f8e6df, #fbf2ef

## シェード

#d28362, #b67154, #9b6047, #814f3a, #683f2d, #502f21, #392016, #24120b, #100603, #020100

## トーン

#d28362, #cd8668, #c8886e, #c38b74, #bd8d7a, #b8907f, #b29285, #ac948a, #a6968f, #a09895

## 配色

- 補色: #d28362, #3ca8cb
- 分裂補色: #d28362, #2aafad, #689ddb
- 類似色: #d28362, #d47d86, #c28f47
- トライアド: #d28362, #51af87, #9191db
- テトラード: #d28362, #a69d47, #3ca8cb, #9191db
- スクエア: #d28362, #7fa961, #3ca8cb, #b286ca
- モノクロマティック: #d28362, #843c1b, #aa5f3f, #fba886, #ffdac5

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

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

#d28362 はやわらかな オレンジです。最も近い名前のある色はやわらかな オレンジです。RGBでは rgb(210, 131, 98)、HSLでは hsl(17.68, 55.45%, 60.39%)、OKLCHでは oklch(68.56% 0.10836 43.251) です。

### #d28362 に合う色は？

#d28362 の補色は #3ca8cb です。落ち着いた組み合わせにするなら、類似色の #d47d86 と #c28f47 を使いましょう。トライアドの組み合わせは #51af87 と #9191db です。

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

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

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

#d28362 は暖色系の色です。OKLCHでは色相 43度、明度 68.6%、クロマ 0.108 です。