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

#ca7255 はRGBで rgb(202, 114, 85)、OKLCHで oklch(64.404% 0.11896 38.93) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ca7255 |
| RGB | rgb(202, 114, 85) |
| HSL | hsl(14.87, 52.47%, 56.27%) |
| HSB / HSV | hsv(14.87 57.92% 79.22%) |
| HWB | hwb(14.87 33.33% 20.78%) |
| CMYK | cmyk(0% 44% 58% 21%) |
| Lab | lab(57.8 33.5 31.89) |
| LCH | lch(57.8 46.25 43.59) |
| OKLab | oklab(64.404% 0.09254 0.07475) |
| OKLCH | oklch(64.404% 0.11896 38.93) |
| Display P3 | color(display-p3 0.74556 0.46408 0.35747) |
| Rec. 2020 | color(rec2020 0.65255 0.42939 0.30085) |
| Adobe RGB | color(a98-rgb 0.70962 0.44469 0.3413) |
| ProPhoto RGB | color(prophoto-rgb 0.58497 0.41756 0.29099) |
| 線形sRGB | color(srgb-linear 0.59062 0.16827 0.09084) |
| XYZ D65 | color(xyz-d65 0.32013 0.25249 0.11782) |
| XYZ D50 | color(xyz-d50 0.33536 0.25755 0.08943) |
| SwiftUI | Color(red: 0.792, green: 0.447, blue: 0.333) |
| UIKit | UIColor(red: 0.792, green: 0.447, blue: 0.333, alpha: 1) |
| Flutter / Compose | Color(0xFFCA7255) |
| Android XML | #CA7255 |

## 基本情報

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

## ティント

#ca7255, #d18066, #d78e77, #dd9c87, #e2aa98, #e8b8a9, #edc6ba, #f2d4cb, #f7e3dc, #fbf1ed

## シェード

#ca7255, #af6249, #95533d, #7c4431, #643626, #4d281c, #371b11, #220e08, #0f0402, #020100

## トーン

#ca7255, #c5755b, #bf7962, #ba7c67, #b47f6d, #ae8173, #a88478, #a1867e, #9b8983, #948b88

## カラーハーモニー

- 補色: #ca7255, #009ebe
- 分裂補色: #ca7255, #00a49c, #4e92d2
- 類似色: #ca7255, #ca6d7e, #bc7f31
- トライアド: #ca7255, #40a372, #7e85d4
- テトラード: #ca7255, #a08e28, #009ebe, #7e85d4
- スクエア: #ca7255, #779b48, #009ebe, #a278c4
- モノクロマティック: #ca7255, #7b2b0c, #a24e32, #f39779, #ffc6af

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

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

#ca7255 はやわらかな オレンジです。最も近い名前のある色はやわらかな オレンジです。RGBでは rgb(202, 114, 85)、HSLでは hsl(14.87, 52.47%, 56.27%)、OKLCHでは oklch(64.404% 0.11896 38.93) です。

### #ca7255 に合う色は？

#ca7255 の補色は #009ebe です。落ち着いた組み合わせにするなら、類似色の #ca6d7e と #bc7f31 を使いましょう。トライアドの組み合わせは #40a372 と #7e85d4 です。

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

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

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

#ca7255 は暖色系の色です。OKLCHでは色相 39度、明度 64.4%、クロマ 0.119 です。