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

#fda2aa はRGBで rgb(253, 162, 170)、OKLCHで oklch(80.503% 0.10845 14.056) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fda2aa |
| RGB | rgb(253, 162, 170) |
| HSL | hsl(354.73, 95.79%, 81.37%) |
| HSB / HSV | hsv(354.73 35.97% 99.22%) |
| HWB | hwb(354.73 63.53% 0.78%) |
| CMYK | cmyk(0% 36% 33% 1%) |
| Lab | lab(76.19 35.35 10.73) |
| LCH | lch(76.19 36.94 16.89) |
| OKLab | oklab(80.503% 0.1052 0.02634) |
| OKLCH | oklch(80.503% 0.10845 14.056) |
| Display P3 | color(display-p3 0.94148 0.65144 0.67185) |
| Rec. 2020 | color(rec2020 0.86805 0.63237 0.635) |
| Adobe RGB | color(a98-rgb 0.90626 0.62945 0.65948) |
| ProPhoto RGB | color(prophoto-rgb 0.81743 0.62046 0.60687) |
| 線形sRGB | color(srgb-linear 0.98225 0.36131 0.40198) |
| XYZ D65 | color(xyz-d65 0.60682 0.49628 0.44415) |
| XYZ D50 | color(xyz-d50 0.625 0.50193 0.3358) |
| SwiftUI | Color(red: 0.992, green: 0.635, blue: 0.667) |
| UIKit | UIColor(red: 0.992, green: 0.635, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFFFDA2AA) |
| Android XML | #FDA2AA |

## 基本情報

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

## ティント

#fda2aa, #feacb2, #ffb5bb, #ffbec3, #ffc8cb, #ffd1d4, #ffdadc, #ffe3e5, #ffedee, #fff6f6

## シェード

#fda2aa, #dc8c93, #bc777d, #9d6368, #7f4f53, #623c3f, #472a2d, #2d191b, #160a0b, #030101

## トーン

#fda2aa, #f7a5ac, #f2a9ae, #ecacb0, #e6afb3, #e0b2b5, #dab5b7, #d4b7b9, #cdbabb, #c6bdbd

## カラーハーモニー

- 補色: #fda2aa, #5bd5d4
- 分裂補色: #fda2aa, #77d6ad, #68cef3
- 類似色: #fda2aa, #f1a3d0, #faa885
- トライアド: #fda2aa, #a2cf87, #8ec3ff
- テトラード: #fda2aa, #e9b56d, #5bd5d4, #8ec3ff
- スクエア: #fda2aa, #cbc36d, #5bd5d4, #b7b6ff
- モノクロマティック: #fda2aa, #ac5962, #d47d85, #ffd6da, #ffeced

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

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

#fda2aa は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(253, 162, 170)、HSLでは hsl(354.73, 95.79%, 81.37%)、OKLCHでは oklch(80.503% 0.10845 14.056) です。

### #fda2aa に合う色は？

#fda2aa の補色は #5bd5d4 です。落ち着いた組み合わせにするなら、類似色の #f1a3d0 と #faa885 を使いましょう。トライアドの組み合わせは #a2cf87 と #8ec3ff です。

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

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

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

#fda2aa は暖色系の色です。OKLCHでは色相 14度、明度 80.5%、クロマ 0.108 です。