# クリーム色のカラーコード：#fffdd0

#fffdd0 はRGBで rgb(255, 253, 208)、OKLCHで oklch(98.44% 0.05799 105.314) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/colors/cream

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fffdd0 |
| RGB | rgb(255, 253, 208) |
| HSL | hsl(57.45, 100%, 90.78%) |
| HSB / HSV | hsv(57.45 18.43% 100%) |
| HWB | hwb(57.45 81.57% 0%) |
| CMYK | cmyk(0% 1% 18% 0%) |
| Lab | lab(98.63 -4.61 21.9) |
| LCH | lch(98.63 22.38 101.89) |
| OKLab | oklab(98.44% -0.01532 0.05594) |
| OKLCH | oklch(98.44% 0.05799 105.314) |
| Display P3 | color(display-p3 0.99861 0.99242 0.83369) |
| Rec. 2020 | color(rec2020 0.98913 0.98979 0.81732) |
| Adobe RGB | color(a98-rgb 0.9977 0.99189 0.81936) |
| ProPhoto RGB | color(prophoto-rgb 0.96749 0.98553 0.80605) |
| 線形sRGB | color(srgb-linear 1 0.98225 0.63076) |
| XYZ D65 | color(xyz-d65 0.87747 0.96065 0.73596) |
| XYZ D50 | color(xyz-d50 0.90463 0.96489 0.55971) |
| SwiftUI | Color(red: 1, green: 0.992, blue: 0.816) |
| UIKit | UIColor(red: 1, green: 0.992, blue: 0.816, alpha: 1) |
| Flutter / Compose | Color(0xFFFFFDD0) |
| Android XML | #FFFDD0 |

## 基本情報

- 最も近い色名: クリーム色
- 色相の系統: ベージュ, パステル調の ごく明るいベージュ
- 最も近いTailwindクラス: yellow-100
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.04:1
- 黒とのコントラスト: 20.21:1

## ティント

#fffdd0, #fffdd5, #fffdda, #fffede, #fffee3, #fffee8, #fffeed, #fffff1, #fffff6, #fffffa

## シェード

#fffdd0, #dedcb5, #bebc9a, #9e9d80, #807f67, #63624f, #484739, #2e2d23, #161610, #030302

## トーン

#fffdd0, #fefdd4, #fefcd9, #fdfcdd, #fdfce1, #fcfce5, #fcfbe9, #fbfbee, #fbfbf2, #fafaf6

## カラーハーモニー

- 補色: #fffdd0, #f7f8ff
- 分裂補色: #fffdd0, #eefbff, #fff3ff
- 類似色: #fffdd0, #fff6d7, #e9ffdc
- トライアド: #fffdd0, #dfffff, #fff1ff
- テトラード: #fffdd0, #d8fff1, #f7f8ff, #fff1ff
- スクエア: #fffdd0, #cdffff, #f7f8ff, #fff2f3
- モノクロマティック: #faf8cb, #b1af84, #d7d5a9, #faf8cb, #faf8cb

## クリーム色についてのよくある質問

### クリーム色のカラーコードは？

クリーム色のカラーコードは #fffdd0 です。RGBでは rgb(255, 253, 208)、HSLでは hsl(57.45, 100%, 90.78%)、OKLCHでは oklch(98.44% 0.05799 105.314) です。

### クリーム色に合う色は？

補色は #f7f8ff です。落ち着いた印象にするなら、類似色の #fff6d7 と #e9ffdc と組み合わせましょう。クリーム色を使ったパレットはこのページで紹介しています。

### クリーム色は暖色と寒色のどちらですか？

クリーム色はニュートラルの色で、OKLCHの色相は105度です。

### クリーム色の上で読みやすい文字色は？

クリーム色の上では黒の文字のほうが読みやすくなります。白はコントラスト比 1.04:1、黒は 20.21:1 です。WCAG AAでは本文に4.5:1以上が求められます。