# カラーコード #4c8a79：スモーキーな ティール

#4c8a79 はRGBで rgb(76, 138, 121)、OKLCHで oklch(58.641% 0.0701 174.056) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4c8a79

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4c8a79 |
| RGB | rgb(76, 138, 121) |
| HSL | hsl(163.55, 28.97%, 41.96%) |
| HSB / HSV | hsv(163.55 44.93% 54.12%) |
| HWB | hwb(163.55 29.8% 45.88%) |
| CMYK | cmyk(45% 0% 12% 46%) |
| Lab | lab(52.94 -24.25 2.56) |
| LCH | lch(52.94 24.39 173.98) |
| OKLab | oklab(58.641% -0.06972 0.00726) |
| OKLCH | oklch(58.641% 0.0701 174.056) |
| Display P3 | color(display-p3 0.35677 0.53523 0.47741) |
| Rec. 2020 | color(rec2020 0.35057 0.48002 0.42723) |
| Adobe RGB | color(a98-rgb 0.38718 0.5364 0.47418) |
| ProPhoto RGB | color(prophoto-rgb 0.34731 0.44675 0.40509) |
| 線形sRGB | color(srgb-linear 0.07227 0.25415 0.1912) |
| XYZ D65 | color(xyz-d65 0.15519 0.21093 0.21343) |
| XYZ D50 | color(xyz-d50 0.15676 0.20987 0.16222) |
| SwiftUI | Color(red: 0.298, green: 0.541, blue: 0.475) |
| UIKit | UIColor(red: 0.298, green: 0.541, blue: 0.475, alpha: 1) |
| Flutter / Compose | Color(0xFF4C8A79) |
| Android XML | #4C8A79 |

## 基本情報

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

## ティント

#4c8a79, #5f9586, #70a192, #82ac9f, #94b8ac, #a5c3ba, #b7cfc7, #c9dbd5, #dbe7e3, #edf3f1

## シェード

#4c8a79, #417768, #366558, #2c5348, #224239, #18322b, #0f221d, #061410, #020705, #000101

## トーン

#4c8a79, #528979, #58877a, #5d867a, #62857a, #67837b, #6c827b, #70807b, #747f7b, #787e7c

## カラーハーモニー

- 補色: #4c8a79, #9e6b7f
- 分裂補色: #4c8a79, #916e94, #a26c68
- 類似色: #4c8a79, #638762, #44888f
- トライアド: #4c8a79, #7e74a2, #9d7154
- テトラード: #4c8a79, #5083a0, #9e6b7f, #9d7154
- スクエア: #4c8a79, #677ca6, #9e6b7f, #90794a
- モノクロマティック: #4c8a79, #004537, #276757, #71af9d, #96d6c3

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

### #4c8a79 は何色ですか？

#4c8a79 はスモーキーな ティールです。最も近い名前のある色はスモーキーな ティールです。RGBでは rgb(76, 138, 121)、HSLでは hsl(163.55, 28.97%, 41.96%)、OKLCHでは oklch(58.641% 0.0701 174.056) です。

### #4c8a79 に合う色は？

#4c8a79 の補色は #9e6b7f です。落ち着いた組み合わせにするなら、類似色の #638762 と #44888f を使いましょう。トライアドの組み合わせは #7e74a2 と #9d7154 です。

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

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

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

#4c8a79 は寒色系の色です。OKLCHでは色相 174度、明度 58.6%、クロマ 0.07 です。