# カラーコード #af752b：鮮やかな 茶色

#af752b はRGBで rgb(175, 117, 43)、OKLCHで oklch(60.976% 0.11384 68.756) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #af752b |
| RGB | rgb(175, 117, 43) |
| HSL | hsl(33.64, 60.55%, 42.75%) |
| HSB / HSV | hsv(33.64 75.43% 68.63%) |
| HWB | hwb(33.64 16.86% 31.37%) |
| CMYK | cmyk(0% 33% 75% 31%) |
| Lab | lab(54.49 18.74 48.31) |
| LCH | lch(54.49 51.81 68.8) |
| OKLab | oklab(60.976% 0.04125 0.1061) |
| OKLCH | oklch(60.976% 0.11384 68.756) |
| Display P3 | color(display-p3 0.65316 0.46871 0.22713) |
| Rec. 2020 | color(rec2020 0.56691 0.42562 0.17115) |
| Adobe RGB | color(a98-rgb 0.62622 0.45608 0.20451) |
| ProPhoto RGB | color(prophoto-rgb 0.50178 0.40695 0.18736) |
| 線形sRGB | color(srgb-linear 0.42869 0.17789 0.02416) |
| XYZ D65 | color(xyz-d65 0.24476 0.22012 0.05245) |
| XYZ D50 | color(xyz-d50 0.25891 0.22437 0.04049) |
| SwiftUI | Color(red: 0.686, green: 0.459, blue: 0.169) |
| UIKit | UIColor(red: 0.686, green: 0.459, blue: 0.169, alpha: 1) |
| Flutter / Compose | Color(0xFFAF752B) |
| Android XML | #AF752B |

## 基本情報

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

## ティント

#af752b, #b78344, #c0905a, #c89e6f, #d0ac84, #d8b998, #e0c7ad, #e8d5c1, #f0e3d5, #f7f1ea

## シェード

#af752b, #986524, #81551d, #6b4616, #563710, #41290a, #2e1c05, #1c0f02, #0b0501, #010100

## トーン

#af752b, #ab7738, #a77943, #a37a4d, #9e7c56, #9a7d5e, #967f66, #91806d, #8c8175, #88827c

## カラーハーモニー

- 補色: #af752b, #4788c4
- 分裂補色: #af752b, #0092b1, #757bc6
- 類似色: #af752b, #bc694e, #958323
- トライアド: #af752b, #009891, #976fb7
- テトラード: #af752b, #6e9041, #4788c4, #976fb7
- スクエア: #af752b, #399869, #4788c4, #af679a
- モノクロマティック: #af752b, #613300, #895200, #d69a53, #ffc079

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

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

#af752b は鮮やかな 茶色です。最も近い名前のある色は鮮やかな 茶色です。RGBでは rgb(175, 117, 43)、HSLでは hsl(33.64, 60.55%, 42.75%)、OKLCHでは oklch(60.976% 0.11384 68.756) です。

### #af752b に合う色は？

#af752b の補色は #4788c4 です。落ち着いた組み合わせにするなら、類似色の #bc694e と #958323 を使いましょう。トライアドの組み合わせは #009891 と #976fb7 です。

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

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

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

#af752b は暖色系の色です。OKLCHでは色相 69度、明度 61%、クロマ 0.114 です。