# カラーコード #ff8664：鮮やかな 明るい赤

#ff8664 はRGBで rgb(255, 134, 100)、OKLCHで oklch(74.833% 0.15512 36.596) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ff8664 |
| RGB | rgb(255, 134, 100) |
| HSL | hsl(13.16, 100%, 69.61%) |
| HSB / HSV | hsv(13.16 60.78% 100%) |
| HWB | hwb(13.16 39.22% 0%) |
| CMYK | cmyk(0% 47% 61% 0%) |
| Lab | lab(69.55 44.93 40.01) |
| LCH | lch(69.55 60.17 41.69) |
| OKLab | oklab(74.833% 0.12454 0.09248) |
| OKLCH | oklch(74.833% 0.15512 36.596) |
| Display P3 | color(display-p3 0.93803 0.55039 0.42408) |
| Rec. 2020 | color(rec2020 0.84384 0.53026 0.37093) |
| Adobe RGB | color(a98-rgb 0.89475 0.52102 0.39822) |
| ProPhoto RGB | color(prophoto-rgb 0.77081 0.52188 0.35524) |
| 線形sRGB | color(srgb-linear 1 0.2384 0.12744) |
| XYZ D65 | color(xyz-d65 0.52064 0.39233 0.16888) |
| XYZ D50 | color(xyz-d50 0.54612 0.40112 0.12807) |
| SwiftUI | Color(red: 1, green: 0.525, blue: 0.392) |
| UIKit | UIColor(red: 1, green: 0.525, blue: 0.392, alpha: 1) |
| Flutter / Compose | Color(0xFFFF8664) |
| Android XML | #FF8664 |

## 基本情報

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

## ティント

#ff8664, #ff9374, #ffa084, #ffac93, #ffb8a3, #ffc4b2, #ffd0c1, #ffdcd1, #ffe8e0, #fff3f0

## シェード

#ff8664, #de7456, #be6248, #9e513b, #80402e, #633022, #482116, #2e130b, #160603, #030100

## トーン

#ff8664, #f88b6c, #f19075, #e9947c, #e19984, #d99c8b, #d1a092, #c9a499, #c0a7a0, #b7aaa7

## カラーハーモニー

- 補色: #ff8664, #00c4ec
- 分裂補色: #ff8664, #00cbbd, #4db5ff
- 類似色: #ff8664, #fd7f9d, #ee9726
- トライアド: #ff8664, #42ca84, #95a3ff
- テトラード: #ff8664, #caac00, #00c4ec, #95a3ff
- スクエア: #ff8664, #94bf47, #00c4ec, #c791fa
- モノクロマティック: #ff8664, #ac3a17, #d5603f, #ffbea8, #ffede4

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

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

#ff8664 は鮮やかな 明るい赤です。最も近い名前のある色は鮮やかな 明るい赤です。RGBでは rgb(255, 134, 100)、HSLでは hsl(13.16, 100%, 69.61%)、OKLCHでは oklch(74.833% 0.15512 36.596) です。

### #ff8664 に合う色は？

#ff8664 の補色は #00c4ec です。落ち着いた組み合わせにするなら、類似色の #fd7f9d と #ee9726 を使いましょう。トライアドの組み合わせは #42ca84 と #95a3ff です。

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

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

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

#ff8664 は暖色系の色です。OKLCHでは色相 37度、明度 74.8%、クロマ 0.155 です。