# カラーコード #176166：スモーキーな 暗いシアン

#176166 はRGBで rgb(23, 97, 102)、OKLCHで oklch(45.176% 0.06923 201.772) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #176166 |
| RGB | rgb(23, 97, 102) |
| HSL | hsl(183.8, 63.2%, 24.51%) |
| HSB / HSV | hsv(183.8 77.45% 40%) |
| HWB | hwb(183.8 9.02% 60%) |
| CMYK | cmyk(77% 5% 0% 60%) |
| Lab | lab(37.05 -21.3 -9.64) |
| LCH | lch(37.05 23.38 204.35) |
| OKLab | oklab(45.176% -0.06429 -0.02568) |
| OKLCH | oklch(45.176% 0.06923 201.772) |
| Display P3 | color(display-p3 0.18376 0.37475 0.39556) |
| Rec. 2020 | color(rec2020 0.1875 0.31119 0.33911) |
| Adobe RGB | color(a98-rgb 0.23187 0.38066 0.39865) |
| ProPhoto RGB | color(prophoto-rgb 0.21465 0.2919 0.32082) |
| 線形sRGB | color(srgb-linear 0.00857 0.11954 0.13287) |
| XYZ D65 | color(xyz-d65 0.07026 0.0969 0.14071) |
| XYZ D50 | color(xyz-d50 0.06879 0.09566 0.10661) |
| SwiftUI | Color(red: 0.09, green: 0.38, blue: 0.4) |
| UIKit | UIColor(red: 0.09, green: 0.38, blue: 0.4, alpha: 1) |
| Flutter / Compose | Color(0xFF176166) |
| Android XML | #176166 |

## 基本情報

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

## ティント

#176166, #347074, #4b7f83, #628e91, #789ea0, #8eadb0, #a4bdbf, #bacdcf, #d1dedf, #e8eeef

## シェード

#176166, #125358, #0e464a, #0a393c, #062d2f, #042123, #021517, #010b0c, #000304, #000000

## トーン

#176166, #236064, #2b5f63, #335e61, #395d60, #3f5c5e, #445b5c, #49595b, #4d5859, #525757

## カラーハーモニー

- 補色: #176166, #784644
- 分裂補色: #176166, #73455a, #744a30
- 類似色: #176166, #256251, #285c76
- トライアド: #176166, #68496d, #695225
- テトラード: #176166, #40567c, #784644, #695225
- スクエア: #176166, #564f79, #784644, #575a29
- モノクロマティック: #176166, #001f23, #004045, #408489, #65a9ae

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

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

#176166 はスモーキーな 暗いシアンです。最も近い名前のある色はスモーキーな 暗いシアンです。RGBでは rgb(23, 97, 102)、HSLでは hsl(183.8, 63.2%, 24.51%)、OKLCHでは oklch(45.176% 0.06923 201.772) です。

### #176166 に合う色は？

#176166 の補色は #784644 です。落ち着いた組み合わせにするなら、類似色の #256251 と #285c76 を使いましょう。トライアドの組み合わせは #68496d と #695225 です。

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

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

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

#176166 は寒色系の色です。OKLCHでは色相 202度、明度 45.2%、クロマ 0.069 です。