# オーカーのカラーコード：#cc7722

#cc7722 はRGBで rgb(204, 119, 34)、OKLCHで oklch(64.956% 0.14038 59.615) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/colors/ochre

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cc7722 |
| RGB | rgb(204, 119, 34) |
| HSL | hsl(30, 71.43%, 46.67%) |
| HSB / HSV | hsv(30 83.33% 80%) |
| HWB | hwb(30 13.33% 20%) |
| CMYK | cmyk(0% 42% 83% 20%) |
| Lab | lab(58.75 29.88 57.35) |
| LCH | lch(58.75 64.67 62.48) |
| OKLab | oklab(64.956% 0.07101 0.1211) |
| OKLCH | oklch(64.956% 0.14038 59.615) |
| Display P3 | color(display-p3 0.75438 0.48272 0.21578) |
| Rec. 2020 | color(rec2020 0.66067 0.44714 0.16029) |
| Adobe RGB | color(a98-rgb 0.71919 0.46368 0.17967) |
| ProPhoto RGB | color(prophoto-rgb 0.58652 0.43227 0.18018) |
| 線形sRGB | color(srgb-linear 0.60383 0.18447 0.016) |
| XYZ D65 | color(xyz-d65 0.31787 0.26148 0.04887) |
| XYZ D50 | color(xyz-d50 0.33665 0.26756 0.03774) |
| SwiftUI | Color(red: 0.8, green: 0.467, blue: 0.133) |
| UIKit | UIColor(red: 0.8, green: 0.467, blue: 0.133, alpha: 1) |
| Flutter / Compose | Color(0xFFCC7722) |
| Android XML | #CC7722 |

## 基本情報

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

## ティント

#cc7722, #d28540, #d89359, #dea06e, #e3ae84, #e8bb98, #edc9ad, #f2d6c1, #f7e4d6, #fbf1ea

## シェード

#cc7722, #b1671c, #975716, #7e4711, #65380b, #4e2a07, #371c03, #221001, #0f0500, #020100

## トーン

#cc7722, #c67a35, #c17d43, #bb804f, #b58359, #af8563, #a9876d, #a38976, #9c8b7e, #968d87

## カラーハーモニー

- 補色: #cc7722, #1d98db
- 分裂補色: #cc7722, #00a4bb, #6d89e4
- 類似色: #cc7722, #d76a5a, #b18900
- トライアド: #cc7722, #00a992, #9c79d8
- テトラード: #cc7722, #859b24, #1d98db, #9c79d8
- スクエア: #cc7722, #44a65e, #1d98db, #be6db8
- モノクロマティック: #cc7722, #763600, #a45300, #f59c4f, #ffcb97

## オーカーについてのよくある質問

### オーカーのカラーコードは？

オーカーのカラーコードは #cc7722 です。RGBでは rgb(204, 119, 34)、HSLでは hsl(30, 71.43%, 46.67%)、OKLCHでは oklch(64.956% 0.14038 59.615) です。

### オーカーに合う色は？

補色は #1d98db です。落ち着いた印象にするなら、類似色の #d76a5a と #b18900 と組み合わせましょう。オーカーを使ったパレットはこのページで紹介しています。

### オーカーは暖色と寒色のどちらですか？

オーカーは暖色系の色で、OKLCHの色相は60度です。

### オーカーの上で読みやすい文字色は？

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