# カラーコード #f4dcae：パステル調の ごく明るいベージュ

#f4dcae はRGBで rgb(244, 220, 174)、OKLCHで oklch(90.3% 0.06541 83.539) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f4dcae |
| RGB | rgb(244, 220, 174) |
| HSL | hsl(39.43, 76.09%, 81.96%) |
| HSB / HSV | hsv(39.43 28.69% 95.69%) |
| HWB | hwb(39.43 68.24% 4.31%) |
| CMYK | cmyk(0% 10% 29% 4%) |
| Lab | lab(88.92 3.59 25.87) |
| LCH | lch(88.92 26.11 82.11) |
| OKLab | oklab(90.3% 0.00736 0.06499) |
| OKLCH | oklch(90.3% 0.06541 83.539) |
| Display P3 | color(display-p3 0.94106 0.86609 0.70327) |
| Rec. 2020 | color(rec2020 0.90696 0.85215 0.67344) |
| Adobe RGB | color(a98-rgb 0.92918 0.8589 0.6851) |
| ProPhoto RGB | color(prophoto-rgb 0.86772 0.83706 0.65413) |
| 線形sRGB | color(srgb-linear 0.90466 0.71569 0.42327) |
| XYZ D65 | color(xyz-d65 0.70539 0.73476 0.50512) |
| XYZ D50 | color(xyz-d50 0.7307 0.74001 0.38433) |
| SwiftUI | Color(red: 0.957, green: 0.863, blue: 0.682) |
| UIKit | UIColor(red: 0.957, green: 0.863, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFFF4DCAE) |
| Android XML | #F4DCAE |

## 基本情報

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

## ティント

#f4dcae, #f5e0b6, #f6e3be, #f7e7c7, #f9eacf, #faeed7, #fbf1df, #fcf5e7, #fdf8ef, #fefcf7

## シェード

#f4dcae, #d4bf97, #b5a380, #97886a, #7a6e55, #5e5441, #443c2e, #2b261c, #14110b, #030201

## トーン

#f4dcae, #f2dcb3, #f0ddb8, #eeddbd, #ecddc2, #e9dec7, #e7decc, #e5ded1, #e3ded5, #e1dfda

## カラーハーモニー

- 補色: #f4dcae, #c9e0ff
- 分裂補色: #f4dcae, #b5e7ff, #e0d7ff
- 類似色: #f4dcae, #ffd4b7, #dee4b3
- トライアド: #f4dcae, #acecf3, #f5d1f8
- テトラード: #f4dcae, #c6ebc4, #c9e0ff, #f5d1f8
- スクエア: #f4dcae, #b2eedb, #c9e0ff, #ffcee2
- モノクロマティック: #f4dcae, #a69064, #cdb589, #fff2c4, #fff2c4

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

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

#f4dcae はパステル調の ごく明るいベージュです。最も近い名前のある色はパステル調の ごく明るいベージュです。RGBでは rgb(244, 220, 174)、HSLでは hsl(39.43, 76.09%, 81.96%)、OKLCHでは oklch(90.3% 0.06541 83.539) です。

### #f4dcae に合う色は？

#f4dcae の補色は #c9e0ff です。落ち着いた組み合わせにするなら、類似色の #ffd4b7 と #dee4b3 を使いましょう。トライアドの組み合わせは #acecf3 と #f5d1f8 です。

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

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

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

#f4dcae は暖色系の色です。OKLCHでは色相 84度、明度 90.3%、クロマ 0.065 です。