# カラーコード #3f736b：スモーキーな ティール

#3f736b はRGBで rgb(63, 115, 107)、OKLCHで oklch(51.67% 0.0576 182.999) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/3f736b

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #3f736b |
| RGB | rgb(63, 115, 107) |
| HSL | hsl(170.77, 29.21%, 34.9%) |
| HSB / HSV | hsv(170.77 45.22% 45.1%) |
| HWB | hwb(170.77 24.71% 54.9%) |
| CMYK | cmyk(45% 0% 7% 55%) |
| Lab | lab(44.64 -19.83 -1.3) |
| LCH | lch(44.64 19.87 183.74) |
| OKLab | oklab(51.67% -0.05752 -0.00301) |
| OKLCH | oklch(51.67% 0.0576 182.999) |
| Display P3 | color(display-p3 0.29609 0.44598 0.41975) |
| Rec. 2020 | color(rec2020 0.28005 0.38633 0.36541) |
| Adobe RGB | color(a98-rgb 0.32491 0.44848 0.41952) |
| ProPhoto RGB | color(prophoto-rgb 0.28374 0.35975 0.3463) |
| 線形sRGB | color(srgb-linear 0.04971 0.17144 0.14703) |
| XYZ D65 | color(xyz-d65 0.10834 0.14379 0.16115) |
| XYZ D50 | color(xyz-d50 0.10874 0.14288 0.12233) |
| SwiftUI | Color(red: 0.247, green: 0.451, blue: 0.42) |
| UIKit | UIColor(red: 0.247, green: 0.451, blue: 0.42, alpha: 1) |
| Flutter / Compose | Color(0xFF3F736B) |
| Android XML | #3F736B |

## 基本情報

- 最も近い色名: スモーキーな ティール
- 色相の系統: ティール, スモーキーな ティール
- 最も近いTailwindクラス: teal-700
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 5.42:1
- 黒とのコントラスト: 3.88:1

## ティント

#3f736b, #528079, #658e87, #789b95, #8aa9a3, #9db7b2, #b0c5c1, #c4d3d0, #d7e2e0, #ebf0ef

## シェード

#3f736b, #35635c, #2c544e, #23453f, #1b3632, #122825, #0a1b18, #040f0d, #010504, #000100

## トーン

#3f736b, #44726b, #49716a, #4e706a, #526f6a, #566e69, #5a6d69, #5e6b69, #616a68, #656968

## カラーハーモニー

- 補色: #3f736b, #855a65
- 分裂補色: #3f736b, #7c5c76, #865c53
- 類似色: #3f736b, #4e7258, #3e717c
- トライアド: #3f736b, #6f6084, #806145
- テトラード: #3f736b, #4a6c87, #855a65, #806145
- スクエア: #3f736b, #5d668a, #855a65, #736741
- モノクロマティック: #3f736b, #00312b, #1b514a, #62978e, #87bcb3

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

### #3f736b は何色ですか？

#3f736b はスモーキーな ティールです。最も近い名前のある色はスモーキーな ティールです。RGBでは rgb(63, 115, 107)、HSLでは hsl(170.77, 29.21%, 34.9%)、OKLCHでは oklch(51.67% 0.0576 182.999) です。

### #3f736b に合う色は？

#3f736b の補色は #855a65 です。落ち着いた組み合わせにするなら、類似色の #4e7258 と #3e717c を使いましょう。トライアドの組み合わせは #6f6084 と #806145 です。

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

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

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

#3f736b は寒色系の色です。OKLCHでは色相 183度、明度 51.7%、クロマ 0.058 です。