# カラーコード #86bbaf：スモーキーな 明るいティール

#86bbaf はRGBで rgb(134, 187, 175)、OKLCHで oklch(75.151% 0.05825 179.02) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/86bbaf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #86bbaf |
| RGB | rgb(134, 187, 175) |
| HSL | hsl(166.42, 28.04%, 62.94%) |
| HSB / HSV | hsv(166.42 28.34% 73.33%) |
| HWB | hwb(166.42 52.55% 26.67%) |
| CMYK | cmyk(28% 0% 6% 27%) |
| Lab | lab(71.91 -20.01 0.21) |
| LCH | lch(71.91 20.01 179.41) |
| OKLab | oklab(75.151% -0.05824 0.001) |
| OKLCH | oklch(75.151% 0.05825 179.02) |
| Display P3 | color(display-p3 0.56968 0.72763 0.68749) |
| Rec. 2020 | color(rec2020 0.56981 0.68952 0.65387) |
| Adobe RGB | color(a98-rgb 0.58887 0.72762 0.68237) |
| ProPhoto RGB | color(prophoto-rgb 0.55854 0.65708 0.62854) |
| 線形sRGB | color(srgb-linear 0.2384 0.49693 0.42869) |
| XYZ D65 | color(xyz-d65 0.35338 0.43703 0.47132) |
| XYZ D50 | color(xyz-d50 0.35669 0.43527 0.35769) |
| SwiftUI | Color(red: 0.525, green: 0.733, blue: 0.686) |
| UIKit | UIColor(red: 0.525, green: 0.733, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFF86BBAF) |
| Android XML | #86BBAF |

## 基本情報

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

## ティント

#86bbaf, #92c2b7, #9ec8bf, #abcfc6, #b7d6ce, #c3ddd6, #cfe4de, #dbeae6, #e7f1ef, #f3f8f7

## シェード

#86bbaf, #74a298, #628a81, #51736b, #405c56, #304641, #21322e, #131f1c, #060d0b, #010201

## トーン

#86bbaf, #8bbaaf, #8fb9af, #93b7af, #98b6af, #9cb5af, #9fb4af, #a3b2ae, #a7b1ae, #abb0ae

## カラーハーモニー

- 補色: #86bbaf, #cea0ad
- 分裂補色: #86bbaf, #c4a2c1, #d1a199
- 類似色: #86bbaf, #95b99b, #83b9c2
- トライアド: #86bbaf, #b3a7cf, #cba68a
- テトラード: #86bbaf, #8db4d0, #cea0ad, #cba68a
- スクエア: #86bbaf, #9faed4, #cea0ad, #bdad84
- モノクロマティック: #86bbaf, #3e7267, #62968a, #ace2d5, #ccfff6

## #86bbaf についてのよくある質問

### #86bbaf は何色ですか？

#86bbaf はスモーキーな 明るいティールです。最も近い名前のある色はスモーキーな 明るいティールです。RGBでは rgb(134, 187, 175)、HSLでは hsl(166.42, 28.04%, 62.94%)、OKLCHでは oklch(75.151% 0.05825 179.02) です。

### #86bbaf に合う色は？

#86bbaf の補色は #cea0ad です。落ち着いた組み合わせにするなら、類似色の #95b99b と #83b9c2 を使いましょう。トライアドの組み合わせは #b3a7cf と #cba68a です。

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

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

### #86bbaf は暖色と寒色のどちらですか？

#86bbaf は寒色系の色です。OKLCHでは色相 179度、明度 75.2%、クロマ 0.058 です。