# カラーコード #5fa79e：スモーキーな ティール

#5fa79e はRGBで rgb(95, 167, 158)、OKLCHで oklch(67.862% 0.074 185.321) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/5fa79e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5fa79e |
| RGB | rgb(95, 167, 158) |
| HSL | hsl(172.5, 29.03%, 51.37%) |
| HSB / HSV | hsv(172.5 43.11% 65.49%) |
| HWB | hwb(172.5 37.25% 34.51%) |
| CMYK | cmyk(43% 0% 5% 35%) |
| Lab | lab(63.61 -25.32 -2.79) |
| LCH | lch(63.61 25.47 186.28) |
| OKLab | oklab(67.862% -0.07368 -0.00686) |
| OKLCH | oklch(67.862% 0.074 185.321) |
| Display P3 | color(display-p3 0.4401 0.64794 0.61906) |
| Rec. 2020 | color(rec2020 0.44982 0.601 0.5791) |
| Adobe RGB | color(a98-rgb 0.47209 0.64899 0.61535) |
| ProPhoto RGB | color(prophoto-rgb 0.44857 0.56551 0.55214) |
| 線形sRGB | color(srgb-linear 0.11444 0.38643 0.34191) |
| XYZ D65 | color(xyz-d65 0.24708 0.32538 0.37327) |
| XYZ D50 | color(xyz-d50 0.24766 0.32321 0.28327) |
| SwiftUI | Color(red: 0.373, green: 0.655, blue: 0.62) |
| UIKit | UIColor(red: 0.373, green: 0.655, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFF5FA79E) |
| Android XML | #5FA79E |

## 基本情報

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

## ティント

#5fa79e, #70b0a7, #81b8b1, #91c1ba, #a1cac4, #b0d3cd, #c0dbd7, #d0e4e1, #dfedeb, #eff6f5

## シェード

#5fa79e, #529189, #447b74, #386660, #2c524d, #203e3a, #152c29, #0a1a18, #030a09, #000101

## トーン

#5fa79e, #66a69d, #6da49d, #73a39c, #79a19b, #7fa09b, #849e9a, #899d9a, #8e9b99, #939998

## カラーハーモニー

- 補色: #5fa79e, #c08591
- 分裂補色: #5fa79e, #b587aa, #c18879
- 類似色: #5fa79e, #72a684, #5fa4b5
- トライアド: #5fa79e, #a38cbd, #b88f67
- テトラード: #5fa79e, #719dc3, #c08591, #b88f67
- スクエア: #5fa79e, #8a95c6, #c08591, #a69862
- モノクロマティック: #5fa79e, #0b5f58, #39827a, #85cdc4, #abf5eb

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

### #5fa79e は何色ですか？

#5fa79e はスモーキーな ティールです。最も近い名前のある色はスモーキーな ティールです。RGBでは rgb(95, 167, 158)、HSLでは hsl(172.5, 29.03%, 51.37%)、OKLCHでは oklch(67.862% 0.074 185.321) です。

### #5fa79e に合う色は？

#5fa79e の補色は #c08591 です。落ち着いた組み合わせにするなら、類似色の #72a684 と #5fa4b5 を使いましょう。トライアドの組み合わせは #a38cbd と #b88f67 です。

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

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

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

#5fa79e は寒色系の色です。OKLCHでは色相 185度、明度 67.9%、クロマ 0.074 です。