# カラーコード #fdbb9d：パステル調の 明るいオレンジ

#fdbb9d はRGBで rgb(253, 187, 157)、OKLCHで oklch(84.56% 0.08693 45.483) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fdbb9d |
| RGB | rgb(253, 187, 157) |
| HSL | hsl(18.75, 96%, 80.39%) |
| HSB / HSV | hsv(18.75 37.94% 99.22%) |
| HWB | hwb(18.75 61.57% 0.78%) |
| CMYK | cmyk(0% 26% 38% 1%) |
| Lab | lab(81.58 21.81 25.07) |
| LCH | lch(81.58 33.22 48.98) |
| OKLab | oklab(84.56% 0.06095 0.06198) |
| OKLCH | oklch(84.56% 0.08693 45.483) |
| Display P3 | color(display-p3 0.95286 0.74388 0.63405) |
| Rec. 2020 | color(rec2020 0.8919 0.72587 0.59641) |
| Adobe RGB | color(a98-rgb 0.92578 0.72762 0.61535) |
| ProPhoto RGB | color(prophoto-rgb 0.84045 0.71024 0.57286) |
| 線形sRGB | color(srgb-linear 0.98225 0.49693 0.33716) |
| XYZ D65 | color(xyz-d65 0.64362 0.5886 0.3987) |
| XYZ D50 | color(xyz-d50 0.66796 0.59523 0.30269) |
| SwiftUI | Color(red: 0.992, green: 0.733, blue: 0.616) |
| UIKit | UIColor(red: 0.992, green: 0.733, blue: 0.616, alpha: 1) |
| Flutter / Compose | Color(0xFFFDBB9D) |
| Android XML | #FDBB9D |

## 基本情報

- 最も近い色名: パステル調の 明るいオレンジ
- 色相の系統: オレンジ, パステル調の 明るいオレンジ
- 最も近いTailwindクラス: orange-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.64:1
- 黒とのコントラスト: 12.77:1

## ティント

#fdbb9d, #fec2a7, #fec9b1, #ffd0ba, #ffd6c4, #ffddce, #ffe4d8, #ffebe2, #fff2eb, #fff8f5

## シェード

#fdbb9d, #dca288, #bc8a73, #9d735f, #7f5c4c, #62463a, #473228, #2d1f18, #160d09, #030201

## トーン

#fdbb9d, #f8bda2, #f4bfa7, #efc1ac, #ebc2b1, #e6c4b5, #e1c6ba, #dcc8bf, #d7c9c3, #d1cbc8

## カラーハーモニー

- 補色: #fdbb9d, #8cd9f8
- 分裂補色: #fdbb9d, #84dede, #a7cfff
- 類似色: #fdbb9d, #ffb6ba, #eec58c
- トライアド: #fdbb9d, #95dfbf, #c6c5ff
- テトラード: #fdbb9d, #d4d08d, #8cd9f8, #c6c5ff
- スクエア: #fdbb9d, #b4daa1, #8cd9f8, #e2bcf3
- モノクロマティック: #fdbb9d, #ad7155, #d59578, #ffecdd, #ffeedf

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

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

#fdbb9d はパステル調の 明るいオレンジです。最も近い名前のある色はパステル調の 明るいオレンジです。RGBでは rgb(253, 187, 157)、HSLでは hsl(18.75, 96%, 80.39%)、OKLCHでは oklch(84.56% 0.08693 45.483) です。

### #fdbb9d に合う色は？

#fdbb9d の補色は #8cd9f8 です。落ち着いた組み合わせにするなら、類似色の #ffb6ba と #eec58c を使いましょう。トライアドの組み合わせは #95dfbf と #c6c5ff です。

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

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

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

#fdbb9d は暖色系の色です。OKLCHでは色相 45度、明度 84.6%、クロマ 0.087 です。