# カラーコード #8bcaaf：やわらかな 明るいエメラルド

#8bcaaf はRGBで rgb(139, 202, 175)、OKLCHで oklch(78.862% 0.07535 165.942) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8bcaaf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8bcaaf |
| RGB | rgb(139, 202, 175) |
| HSL | hsl(154.29, 37.28%, 66.86%) |
| HSB / HSV | hsv(154.29 31.19% 79.22%) |
| HWB | hwb(154.29 54.51% 20.78%) |
| CMYK | cmyk(31% 0% 13% 21%) |
| Lab | lab(76.49 -25.32 6.78) |
| LCH | lch(76.49 26.21 165) |
| OKLab | oklab(78.862% -0.07309 0.0183) |
| OKLCH | oklch(78.862% 0.07535 165.942) |
| Display P3 | color(display-p3 0.59885 0.78553 0.69258) |
| Rec. 2020 | color(rec2020 0.60775 0.75148 0.66056) |
| Adobe RGB | color(a98-rgb 0.62274 0.78707 0.68514) |
| ProPhoto RGB | color(prophoto-rgb 0.59428 0.71982 0.63763) |
| 線形sRGB | color(srgb-linear 0.25818 0.59062 0.42869) |
| XYZ D65 | color(xyz-d65 0.39504 0.50824 0.48287) |
| XYZ D50 | color(xyz-d50 0.4014 0.50684 0.36706) |
| SwiftUI | Color(red: 0.545, green: 0.792, blue: 0.686) |
| UIKit | UIColor(red: 0.545, green: 0.792, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFF8BCAAF) |
| Android XML | #8BCAAF |

## 基本情報

- 最も近い色名: やわらかな 明るいエメラルド
- 色相の系統: エメラルド, やわらかな 明るいエメラルド
- 最も近いTailwindクラス: teal-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.88:1
- 黒とのコントラスト: 11.17:1

## ティント

#8bcaaf, #97cfb7, #a3d5bf, #afdac6, #badfce, #c6e5d6, #d1eade, #ddefe6, #e8f4ef, #f4faf7

## シェード

#8bcaaf, #78af98, #669581, #547c6b, #436456, #324d41, #23372e, #14221c, #070f0b, #010201

## トーン

#8bcaaf, #90c8b0, #96c7b1, #9bc5b2, #a0c4b3, #a4c2b5, #a9c1b6, #adbfb7, #b2bdb8, #b6bcb9

## カラーハーモニー

- 補色: #8bcaaf, #dfa7c4
- 分裂補色: #8bcaaf, #cdacdb, #e6a7aa
- 類似色: #8bcaaf, #a5c696, #7ecaca
- トライアド: #8bcaaf, #b5b4e9, #e4ac92
- テトラード: #8bcaaf, #85c5df, #dfa7c4, #e4ac92
- スクエア: #8bcaaf, #9bbdea, #dfa7c4, #d6b483
- モノクロマティック: #8bcaaf, #427f67, #66a48a, #b1f1d5, #c5ffea

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

### #8bcaaf は何色ですか？

#8bcaaf はやわらかな 明るいエメラルドです。最も近い名前のある色はやわらかな 明るいエメラルドです。RGBでは rgb(139, 202, 175)、HSLでは hsl(154.29, 37.28%, 66.86%)、OKLCHでは oklch(78.862% 0.07535 165.942) です。

### #8bcaaf に合う色は？

#8bcaaf の補色は #dfa7c4 です。落ち着いた組み合わせにするなら、類似色の #a5c696 と #7ecaca を使いましょう。トライアドの組み合わせは #b5b4e9 と #e4ac92 です。

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

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

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

#8bcaaf は寒色系の色です。OKLCHでは色相 166度、明度 78.9%、クロマ 0.075 です。