# カラーコード #ffc0b2：パステル調の ごく明るいピンク

#ffc0b2 はRGBで rgb(255, 192, 178)、OKLCHで oklch(86.135% 0.07562 32.818) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ffc0b2 |
| RGB | rgb(255, 192, 178) |
| HSL | hsl(10.91, 100%, 84.9%) |
| HSB / HSV | hsv(10.91 30.2% 100%) |
| HWB | hwb(10.91 69.8% 0%) |
| CMYK | cmyk(0% 25% 30% 0%) |
| Lab | lab(83.3 21.93 16.36) |
| LCH | lch(83.3 27.36 36.72) |
| OKLab | oklab(86.135% 0.06355 0.04098) |
| OKLCH | oklch(86.135% 0.07562 32.818) |
| Display P3 | color(display-p3 0.96215 0.76288 0.70879) |
| Rec. 2020 | color(rec2020 0.90623 0.74676 0.67694) |
| Adobe RGB | color(a98-rgb 0.93632 0.74739 0.69452) |
| ProPhoto RGB | color(prophoto-rgb 0.86228 0.73271 0.65289) |
| 線形sRGB | color(srgb-linear 1 0.52712 0.4452) |
| XYZ D65 | color(xyz-d65 0.68123 0.62176 0.50534) |
| XYZ D50 | color(xyz-d50 0.70278 0.62736 0.38301) |
| SwiftUI | Color(red: 1, green: 0.753, blue: 0.698) |
| UIKit | UIColor(red: 1, green: 0.753, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFFFFC0B2) |
| Android XML | #FFC0B2 |

## 基本情報

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

## ティント

#ffc0b2, #ffc6ba, #ffcdc1, #ffd3c9, #ffd9d1, #ffe0d8, #ffe6e0, #ffece8, #fff2ef, #fff9f7

## シェード

#ffc0b2, #dea79a, #be8e83, #9e766d, #805f57, #634943, #48342f, #2e201d, #160e0c, #030201

## トーン

#ffc0b2, #fbc2b5, #f6c4b8, #f2c6bc, #eec7bf, #e9c9c2, #e5cbc5, #e0ccc8, #dbcecb, #d6d0ce

## カラーハーモニー

- 補色: #ffc0b2, #96dfef
- 分裂補色: #ffc0b2, #98e2d6, #a6d8ff
- 類似色: #ffc0b2, #fdbdcd, #f6c79e
- トライアド: #ffc0b2, #ace0ba, #c0cfff
- テトラード: #ffc0b2, #e2d199, #96dfef, #c0cfff
- スクエア: #ffc0b2, #c8daa3, #96dfef, #dbc6fb
- モノクロマティック: #ffc0b2, #af7669, #d79a8d, #ffede5, #ffede5

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

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

#ffc0b2 はパステル調の ごく明るいピンクです。最も近い名前のある色はパステル調の ごく明るいピンクです。RGBでは rgb(255, 192, 178)、HSLでは hsl(10.91, 100%, 84.9%)、OKLCHでは oklch(86.135% 0.07562 32.818) です。

### #ffc0b2 に合う色は？

#ffc0b2 の補色は #96dfef です。落ち着いた組み合わせにするなら、類似色の #fdbdcd と #f6c79e を使いましょう。トライアドの組み合わせは #ace0ba と #c0cfff です。

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

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

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

#ffc0b2 は暖色系の色です。OKLCHでは色相 33度、明度 86.1%、クロマ 0.076 です。