# カラーコード #cc8564：やわらかな オレンジ

#cc8564 はRGBで rgb(204, 133, 100)、OKLCHで oklch(68.226% 0.09929 45.554) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cc8564 |
| RGB | rgb(204, 133, 100) |
| HSL | hsl(19.04, 50.49%, 59.61%) |
| HSB / HSV | hsv(19.04 50.98% 80%) |
| HWB | hwb(19.04 39.22% 20%) |
| CMYK | cmyk(0% 35% 51% 20%) |
| Lab | lab(62.53 25.47 29.58) |
| LCH | lch(62.53 39.03 49.27) |
| OKLab | oklab(68.226% 0.06953 0.07089) |
| OKLCH | oklch(68.226% 0.09929 45.554) |
| Display P3 | color(display-p3 0.76002 0.53394 0.4146) |
| Rec. 2020 | color(rec2020 0.67701 0.4991 0.36127) |
| Adobe RGB | color(a98-rgb 0.72875 0.51718 0.39801) |
| ProPhoto RGB | color(prophoto-rgb 0.61344 0.48103 0.34607) |
| 線形sRGB | color(srgb-linear 0.60383 0.23455 0.12744) |
| XYZ D65 | color(xyz-d65 0.35588 0.30534 0.16076) |
| XYZ D50 | color(xyz-d50 0.37188 0.31022 0.12218) |
| SwiftUI | Color(red: 0.8, green: 0.522, blue: 0.392) |
| UIKit | UIColor(red: 0.8, green: 0.522, blue: 0.392, alpha: 1) |
| Flutter / Compose | Color(0xFFCC8564) |
| Android XML | #CC8564 |

## 基本情報

- 最も近い色名: やわらかな オレンジ
- 色相の系統: オレンジ, やわらかな オレンジ
- 最も近いTailwindクラス: amber-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.96:1
- 黒とのコントラスト: 7.11:1

## ティント

#cc8564, #d29173, #d89d83, #dda992, #e2b5a1, #e8c2b0, #edcec0, #f1dad0, #f6e6df, #fbf3ef

## シェード

#cc8564, #b17356, #976148, #7e503b, #65402e, #4e3022, #372116, #22130b, #0f0603, #020100

## トーン

#cc8564, #c7876a, #c38a70, #be8c75, #b98e7a, #b49080, #af9285, #aa948a, #a4958f, #9f9794

## カラーハーモニー

- 補色: #cc8564, #4aa6c7
- 分裂補色: #cc8564, #3bacac, #6f9bd6
- 類似色: #cc8564, #cf7f84, #bc904e
- トライアド: #cc8564, #56ad8a, #9390d4
- テトラード: #cc8564, #a19d50, #4aa6c7, #9390d4
- スクエア: #cc8564, #7da768, #4aa6c7, #b186c3
- モノクロマティック: #cc8564, #7f3f1e, #a56141, #f4aa88, #ffd8c1

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

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

#cc8564 はやわらかな オレンジです。最も近い名前のある色はやわらかな オレンジです。RGBでは rgb(204, 133, 100)、HSLでは hsl(19.04, 50.49%, 59.61%)、OKLCHでは oklch(68.226% 0.09929 45.554) です。

### #cc8564 に合う色は？

#cc8564 の補色は #4aa6c7 です。落ち着いた組み合わせにするなら、類似色の #cf7f84 と #bc904e を使いましょう。トライアドの組み合わせは #56ad8a と #9390d4 です。

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

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

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

#cc8564 は暖色系の色です。OKLCHでは色相 46度、明度 68.2%、クロマ 0.099 です。