# カラーコード #7ea99c：スモーキーな ティール

#7ea99c はRGBで rgb(126, 169, 156)、OKLCHで oklch(69.977% 0.05022 174.215) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7ea99c

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7ea99c |
| RGB | rgb(126, 169, 156) |
| HSL | hsl(161.86, 20%, 57.84%) |
| HSB / HSV | hsv(161.86 25.44% 66.27%) |
| HWB | hwb(161.86 49.41% 33.73%) |
| CMYK | cmyk(25% 0% 8% 34%) |
| Lab | lab(65.83 -17.19 1.77) |
| LCH | lch(65.83 17.28 174.11) |
| OKLab | oklab(69.977% -0.04997 0.00506) |
| OKLCH | oklch(69.977% 0.05022 174.215) |
| Display P3 | color(display-p3 0.52916 0.65802 0.61388) |
| Rec. 2020 | color(rec2020 0.51657 0.61449 0.5737) |
| Adobe RGB | color(a98-rgb 0.54409 0.65682 0.60826) |
| ProPhoto RGB | color(prophoto-rgb 0.50094 0.58113 0.54731) |
| 線形sRGB | color(srgb-linear 0.20864 0.39676 0.33245) |
| XYZ D65 | color(xyz-d65 0.28791 0.35211 0.36733) |
| XYZ D50 | color(xyz-d50 0.29136 0.351 0.27883) |
| SwiftUI | Color(red: 0.494, green: 0.663, blue: 0.612) |
| UIKit | UIColor(red: 0.494, green: 0.663, blue: 0.612, alpha: 1) |
| Flutter / Compose | Color(0xFF7EA99C) |
| Android XML | #7EA99C |

## 基本情報

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

## ティント

#7ea99c, #8bb1a5, #97baaf, #a4c2b9, #b1cbc3, #bed3cc, #cbdcd6, #d8e5e0, #e5edeb, #f2f6f5

## シェード

#7ea99c, #6d9287, #5c7c73, #4c675f, #3c534c, #2d3f39, #1f2c28, #111b18, #050a09, #010101

## トーン

#7ea99c, #82a89c, #85a79c, #89a69d, #8ca59d, #8fa49d, #92a39d, #95a29e, #98a09e, #9b9f9e

## カラーハーモニー

- 補色: #7ea99c, #b992a0
- 分裂補色: #7ea99c, #af94b0, #bc938f
- 類似色: #7ea99c, #8ca78b, #79a8ad
- トライアド: #7ea99c, #a099bb, #b89781
- テトラード: #7ea99c, #80a4b9, #b992a0, #b89781
- スクエア: #7ea99c, #8f9fbe, #b992a0, #ad9c7b
- モノクロマティック: #7ea99c, #386156, #5a8478, #a3cfc2, #c9f7e9

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

### #7ea99c は何色ですか？

#7ea99c はスモーキーな ティールです。最も近い名前のある色はスモーキーな ティールです。RGBでは rgb(126, 169, 156)、HSLでは hsl(161.86, 20%, 57.84%)、OKLCHでは oklch(69.977% 0.05022 174.215) です。

### #7ea99c に合う色は？

#7ea99c の補色は #b992a0 です。落ち着いた組み合わせにするなら、類似色の #8ca78b と #79a8ad を使いましょう。トライアドの組み合わせは #a099bb と #b89781 です。

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

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

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

#7ea99c は寒色系の色です。OKLCHでは色相 174度、明度 70%、クロマ 0.05 です。