# カラーコード #f796cd：鮮やかな 明るいピンク

#f796cd はRGBで rgb(247, 150, 205)、OKLCHで oklch(78.916% 0.13346 345.539) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f796cd |
| RGB | rgb(247, 150, 205) |
| HSL | hsl(325.98, 85.84%, 77.84%) |
| HSB / HSV | hsv(325.98 39.27% 96.86%) |
| HWB | hwb(325.98 58.82% 3.14%) |
| CMYK | cmyk(0% 39% 17% 3%) |
| Lab | lab(73.71 42.62 -12.11) |
| LCH | lch(73.71 44.3 344.14) |
| OKLab | oklab(78.916% 0.12923 -0.03333) |
| OKLCH | oklch(78.916% 0.13346 345.539) |
| Display P3 | color(display-p3 0.91584 0.60612 0.79408) |
| Rec. 2020 | color(rec2020 0.84324 0.58756 0.7669) |
| Adobe RGB | color(a98-rgb 0.87846 0.58277 0.79148) |
| ProPhoto RGB | color(prophoto-rgb 0.80635 0.57997 0.73884) |
| 線形sRGB | color(srgb-linear 0.93011 0.30499 0.6105) |
| XYZ D65 | color(xyz-d65 0.60281 0.45997 0.63463) |
| XYZ D50 | color(xyz-d50 0.6104 0.46259 0.47851) |
| SwiftUI | Color(red: 0.969, green: 0.588, blue: 0.804) |
| UIKit | UIColor(red: 0.969, green: 0.588, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFFF796CD) |
| Android XML | #F796CD |

## 基本情報

- 最も近い色名: 鮮やかな 明るいピンク
- 色相の系統: ピンク, 鮮やかな 明るいピンク
- 最も近いTailwindクラス: pink-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.06:1
- 黒とのコントラスト: 10.2:1

## ティント

#f796cd, #f9a1d2, #faacd7, #fcb6dc, #fdc1e1, #fecbe6, #ffd6eb, #ffe0f0, #ffeaf5, #fff5fa

## シェード

#f796cd, #d782b2, #b76e98, #995b7e, #7c4966, #60374e, #452638, #2c1623, #15080f, #030102

## トーン

#f796cd, #f29acb, #ec9ec9, #e6a2c7, #e1a6c6, #dbaac4, #d5adc2, #ceb0c0, #c8b4be, #c1b7bc

## カラーハーモニー

- 補色: #f796cd, #54d5a6
- 分裂補色: #f796cd, #93ce75, #0cd4d5
- 類似色: #f796cd, #db9ff4, #ff959e
- トライアド: #f796cd, #c6bf4f, #3fcbfb
- テトラード: #f796cd, #ff9d6f, #54d5a6, #3fcbfb
- スクエア: #f796cd, #ebad4c, #54d5a6, #80bdff
- モノクロマティック: #f796cd, #a64d82, #ce71a7, #ffcaee, #ffe9fc

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

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

#f796cd は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(247, 150, 205)、HSLでは hsl(325.98, 85.84%, 77.84%)、OKLCHでは oklch(78.916% 0.13346 345.539) です。

### #f796cd に合う色は？

#f796cd の補色は #54d5a6 です。落ち着いた組み合わせにするなら、類似色の #db9ff4 と #ff959e を使いましょう。トライアドの組み合わせは #c6bf4f と #3fcbfb です。

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

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

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

#f796cd は暖色系の色です。OKLCHでは色相 346度、明度 78.9%、クロマ 0.133 です。