# カラーコード #477e76：スモーキーな ティール

#477e76 はRGBで rgb(71, 126, 118)、OKLCHで oklch(55.259% 0.06004 183.75) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/477e76

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #477e76 |
| RGB | rgb(71, 126, 118) |
| HSL | hsl(171.27, 27.92%, 38.63%) |
| HSB / HSV | hsv(171.27 43.65% 49.41%) |
| HWB | hwb(171.27 27.84% 50.59%) |
| CMYK | cmyk(44% 0% 6% 51%) |
| Lab | lab(48.83 -20.62 -1.65) |
| LCH | lch(48.83 20.69 184.57) |
| OKLab | oklab(55.259% -0.05991 -0.00393) |
| OKLCH | oklch(55.259% 0.06004 183.75) |
| Display P3 | color(display-p3 0.32979 0.48878 0.46271) |
| Rec. 2020 | color(rec2020 0.31782 0.43143 0.41093) |
| Adobe RGB | color(a98-rgb 0.35808 0.49037 0.46118) |
| ProPhoto RGB | color(prophoto-rgb 0.31874 0.40157 0.38856) |
| 線形sRGB | color(srgb-linear 0.06301 0.20864 0.18116) |
| XYZ D65 | color(xyz-d65 0.13329 0.17569 0.19829) |
| XYZ D50 | color(xyz-d50 0.13375 0.17457 0.1505) |
| SwiftUI | Color(red: 0.278, green: 0.494, blue: 0.463) |
| UIKit | UIColor(red: 0.278, green: 0.494, blue: 0.463, alpha: 1) |
| Flutter / Compose | Color(0xFF477E76) |
| Android XML | #477E76 |

## 基本情報

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

## ティント

#477e76, #5a8a83, #6c9790, #7ea39d, #90b0aa, #a2bdb8, #b4cac6, #c7d7d4, #d9e4e2, #ecf2f0

## シェード

#477e76, #3d6d66, #325c56, #284c47, #1f3c38, #162d29, #0d1f1c, #06110f, #020505, #000101

## トーン

#477e76, #4d7d76, #527c75, #567b75, #5b7a74, #5f7874, #637774, #677673, #6b7573, #6f7373

## カラーハーモニー

- 補色: #477e76, #91646e
- 分裂補色: #477e76, #886581, #92665b
- 類似色: #477e76, #567d62, #467c88
- トライアド: #477e76, #7a6a8f, #8b6b4d
- テトラード: #477e76, #537793, #91646e, #8b6b4d
- スクエア: #477e76, #677096, #91646e, #7e7249
- モノクロマティック: #477e76, #003b34, #235b54, #6ba29a, #90c8bf

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

### #477e76 は何色ですか？

#477e76 はスモーキーな ティールです。最も近い名前のある色はスモーキーな ティールです。RGBでは rgb(71, 126, 118)、HSLでは hsl(171.27, 27.92%, 38.63%)、OKLCHでは oklch(55.259% 0.06004 183.75) です。

### #477e76 に合う色は？

#477e76 の補色は #91646e です。落ち着いた組み合わせにするなら、類似色の #567d62 と #467c88 を使いましょう。トライアドの組み合わせは #7a6a8f と #8b6b4d です。

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

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

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

#477e76 は寒色系の色です。OKLCHでは色相 184度、明度 55.3%、クロマ 0.06 です。