# カラーコード #1f736f：スモーキーな ティール

#1f736f はRGBで rgb(31, 115, 111)、OKLCHで oklch(50.617% 0.07756 190.308) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/1f736f

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #1f736f |
| RGB | rgb(31, 115, 111) |
| HSL | hsl(177.14, 57.53%, 28.63%) |
| HSB / HSV | hsv(177.14 73.04% 45.1%) |
| HWB | hwb(177.14 12.16% 54.9%) |
| CMYK | cmyk(73% 0% 3% 55%) |
| Lab | lab(43.59 -26.14 -5.37) |
| LCH | lch(43.59 26.69 191.61) |
| OKLab | oklab(50.617% -0.0763 -0.01388) |
| OKLCH | oklch(50.617% 0.07756 190.308) |
| Display P3 | color(display-p3 0.22576 0.44448 0.43326) |
| Rec. 2020 | color(rec2020 0.23701 0.38316 0.37946) |
| Adobe RGB | color(a98-rgb 0.27535 0.44848 0.43397) |
| ProPhoto RGB | color(prophoto-rgb 0.25622 0.35569 0.35874) |
| 線形sRGB | color(srgb-linear 0.0137 0.17144 0.15896) |
| XYZ D65 | color(xyz-d65 0.09564 0.137 0.1718) |
| XYZ D50 | color(xyz-d50 0.09475 0.13559 0.13035) |
| SwiftUI | Color(red: 0.122, green: 0.451, blue: 0.435) |
| UIKit | UIColor(red: 0.122, green: 0.451, blue: 0.435, alpha: 1) |
| Flutter / Compose | Color(0xFF1F736F) |
| Android XML | #1F736F |

## 基本情報

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

## ティント

#1f736f, #3c807c, #538e8a, #699b98, #7ea9a6, #94b7b4, #a9c5c3, #bed4d2, #d3e2e1, #e9f0f0

## シェード

#1f736f, #196360, #145451, #0f4542, #0a3634, #062827, #031b1a, #010f0e, #000504, #000101

## トーン

#1f736f, #2c726e, #35706d, #3d6f6c, #446e6b, #4b6c6a, #516b69, #566968, #5b6867, #606666

## カラーハーモニー

- 補色: #1f736f, #8b525a
- 分裂補色: #1f736f, #835373, #8b5542
- 類似色: #1f736f, #387356, #266f84
- トライアド: #1f736f, #735886, #815d30
- テトラード: #1f736f, #416890, #8b525a, #815d30
- スクエア: #1f736f, #5c6091, #8b525a, #6f662d
- モノクロマティック: #1f736f, #002f2d, #00514d, #499793, #6fbdb8

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

### #1f736f は何色ですか？

#1f736f はスモーキーな ティールです。最も近い名前のある色はスモーキーな ティールです。RGBでは rgb(31, 115, 111)、HSLでは hsl(177.14, 57.53%, 28.63%)、OKLCHでは oklch(50.617% 0.07756 190.308) です。

### #1f736f に合う色は？

#1f736f の補色は #8b525a です。落ち着いた組み合わせにするなら、類似色の #387356 と #266f84 を使いましょう。トライアドの組み合わせは #735886 と #815d30 です。

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

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

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

#1f736f は寒色系の色です。OKLCHでは色相 190度、明度 50.6%、クロマ 0.078 です。