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

#feaaa3 はRGBで rgb(254, 170, 163)、OKLCHで oklch(81.797% 0.10026 24.727) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #feaaa3 |
| RGB | rgb(254, 170, 163) |
| HSL | hsl(4.62, 97.85%, 81.76%) |
| HSB / HSV | hsv(4.62 35.83% 99.61%) |
| HWB | hwb(4.62 63.92% 0.39%) |
| CMYK | cmyk(0% 33% 36% 0%) |
| Lab | lab(77.93 31.15 16.95) |
| LCH | lch(77.93 35.46 28.56) |
| OKLab | oklab(81.797% 0.09107 0.04194) |
| OKLCH | oklch(81.797% 0.10026 24.727) |
| Display P3 | color(display-p3 0.94835 0.68109 0.64958) |
| Rec. 2020 | color(rec2020 0.87805 0.66222 0.61164) |
| Adobe RGB | color(a98-rgb 0.91537 0.66074 0.63451) |
| ProPhoto RGB | color(prophoto-rgb 0.82594 0.64875 0.58503) |
| 線形sRGB | color(srgb-linear 0.9911 0.40198 0.36625) |
| XYZ D65 | color(xyz-d65 0.61856 0.52467 0.41521) |
| XYZ D50 | color(xyz-d50 0.63941 0.53089 0.31437) |
| SwiftUI | Color(red: 0.996, green: 0.667, blue: 0.639) |
| UIKit | UIColor(red: 0.996, green: 0.667, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFFFEAAA3) |
| Android XML | #FEAAA3 |

## 基本情報

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

## ティント

#feaaa3, #ffb3ac, #ffbbb5, #ffc4be, #ffccc7, #ffd5d0, #ffddda, #ffe6e3, #ffeeec, #fff7f6

## シェード

#feaaa3, #dd938d, #bd7d78, #9e6863, #80534f, #633f3c, #472d2a, #2d1b19, #160b0a, #030101

## トーン

#feaaa3, #f9ada6, #f3b0aa, #eeb2ad, #e8b5b0, #e2b8b3, #ddbab7, #d6bcba, #d0bfbd, #cac1c0

## カラーハーモニー

- 補色: #feaaa3, #6bd6e2
- 分裂補色: #feaaa3, #77d9bf, #7fcefb
- 類似色: #feaaa3, #f8a8c7, #f7b284
- トライアド: #feaaa3, #9bd59b, #a3c3ff
- テトラード: #feaaa3, #e2bf75, #6bd6e2, #a3c3ff
- スクエア: #feaaa3, #c1cb7f, #6bd6e2, #c7b7fe
- モノクロマティック: #feaaa3, #ad615b, #d5857e, #ffded9, #ffece9

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

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

#feaaa3 はパステル調の 明るいピンクです。最も近い名前のある色はパステル調の 明るいピンクです。RGBでは rgb(254, 170, 163)、HSLでは hsl(4.62, 97.85%, 81.76%)、OKLCHでは oklch(81.797% 0.10026 24.727) です。

### #feaaa3 に合う色は？

#feaaa3 の補色は #6bd6e2 です。落ち着いた組み合わせにするなら、類似色の #f8a8c7 と #f7b284 を使いましょう。トライアドの組み合わせは #9bd59b と #a3c3ff です。

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

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

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

#feaaa3 は暖色系の色です。OKLCHでは色相 25度、明度 81.8%、クロマ 0.1 です。