# カラーコード #694a4e：くすんだ 暗いローズ

#694a4e はRGBで rgb(105, 74, 78)、OKLCHで oklch(44.413% 0.04264 10.381) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/694a4e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #694a4e |
| RGB | rgb(105, 74, 78) |
| HSL | hsl(352.26, 17.32%, 35.1%) |
| HSB / HSV | hsv(352.26 29.52% 41.18%) |
| HWB | hwb(352.26 29.02% 58.82%) |
| CMYK | cmyk(0% 30% 26% 59%) |
| Lab | lab(35.03 14.06 3.13) |
| LCH | lch(35.03 14.41 12.54) |
| OKLab | oklab(44.413% 0.04194 0.00768) |
| OKLCH | oklch(44.413% 0.04264 10.381) |
| Display P3 | color(display-p3 0.39348 0.29522 0.30697) |
| Rec. 2020 | color(rec2020 0.31522 0.24048 0.2466) |
| Adobe RGB | color(a98-rgb 0.38209 0.29547 0.30957) |
| ProPhoto RGB | color(prophoto-rgb 0.29054 0.23865 0.23956) |
| 線形sRGB | color(srgb-linear 0.14126 0.06848 0.07619) |
| XYZ D65 | color(xyz-d65 0.09649 0.08451 0.08331) |
| XYZ D50 | color(xyz-d50 0.09888 0.08514 0.06302) |
| SwiftUI | Color(red: 0.412, green: 0.29, blue: 0.306) |
| UIKit | UIColor(red: 0.412, green: 0.29, blue: 0.306, alpha: 1) |
| Flutter / Compose | Color(0xFF694A4E) |
| Android XML | #694A4E |

## 基本情報

- 最も近い色名: くすんだ 暗いローズ
- 色相の系統: ローズ, くすんだ 暗いローズ
- 最も近いTailwindクラス: taupe-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 7.81:1
- 黒とのコントラスト: 2.69:1

## ティント

#694a4e, #775a5e, #866b6e, #947c7f, #a38e90, #b2a0a2, #c1b2b4, #d0c5c6, #e0d8d9, #efebec

## シェード

#694a4e, #5a3f43, #4c3538, #3e2a2d, #312023, #241719, #180e0f, #0c0607, #040202, #000000

## トーン

#694a4e, #674b4f, #654c4f, #634d50, #614e50, #5f4f51, #5d5051, #5a5152, #585252, #565353

## カラーハーモニー

- 補色: #694a4e, #365b59
- 分裂補色: #694a4e, #3f5b4c, #385964
- 類似色: #694a4e, #644b5b, #694c42
- トライアド: #694a4e, #4c5940, #42566b
- テトラード: #694a4e, #63503a, #365b59, #42566b
- スクエア: #694a4e, #595439, #365b59, #4f516b
- モノクロマティック: #694a4e, #270e12, #472b2f, #8d6c70, #b28f93

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

### #694a4e は何色ですか？

#694a4e はくすんだ 暗いローズです。最も近い名前のある色はくすんだ 暗いローズです。RGBでは rgb(105, 74, 78)、HSLでは hsl(352.26, 17.32%, 35.1%)、OKLCHでは oklch(44.413% 0.04264 10.381) です。

### #694a4e に合う色は？

#694a4e の補色は #365b59 です。落ち着いた組み合わせにするなら、類似色の #644b5b と #694c42 を使いましょう。トライアドの組み合わせは #4c5940 と #42566b です。

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

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

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

#694a4e は暖色系の色です。OKLCHでは色相 10度、明度 44.4%、クロマ 0.043 です。