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

#85bbb2 はRGBで rgb(133, 187, 178)、OKLCHで oklch(75.183% 0.05797 183.26) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/85bbb2

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #85bbb2 |
| RGB | rgb(133, 187, 178) |
| HSL | hsl(170, 28.42%, 62.75%) |
| HSB / HSV | hsv(170 28.88% 73.33%) |
| HWB | hwb(170 52.16% 26.67%) |
| CMYK | cmyk(29% 0% 5% 27%) |
| Lab | lab(71.92 -19.82 -1.42) |
| LCH | lch(71.92 19.87 184.09) |
| OKLab | oklab(75.183% -0.05788 -0.0033) |
| OKLCH | oklch(75.183% 0.05797 183.26) |
| Display P3 | color(display-p3 0.56677 0.72755 0.69814) |
| Rec. 2020 | color(rec2020 0.56826 0.68946 0.66533) |
| Adobe RGB | color(a98-rgb 0.5865 0.72762 0.69365) |
| ProPhoto RGB | color(prophoto-rgb 0.55879 0.65714 0.63991) |
| 線形sRGB | color(srgb-linear 0.23455 0.49693 0.4452) |
| XYZ D65 | color(xyz-d65 0.35477 0.43741 0.48694) |
| XYZ D50 | color(xyz-d50 0.35737 0.43542 0.36943) |
| SwiftUI | Color(red: 0.522, green: 0.733, blue: 0.698) |
| UIKit | UIColor(red: 0.522, green: 0.733, blue: 0.698, alpha: 1) |
| Flutter / Compose | Color(0xFF85BBB2) |
| Android XML | #85BBB2 |

## 基本情報

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

## ティント

#85bbb2, #91c2b9, #9ec8c1, #aacfc9, #b6d6d0, #c2ddd8, #cee4e0, #daeae7, #e7f1ef, #f3f8f7

## シェード

#85bbb2, #73a29a, #618a83, #50736d, #405c57, #304643, #21322f, #131f1d, #060d0c, #010201

## トーン

#85bbb2, #8abab2, #8eb9b1, #93b7b1, #97b6b1, #9bb5b0, #9fb4b0, #a3b2af, #a7b1af, #abb0af

## カラーハーモニー

- 補色: #85bbb2, #cfa0ab
- 分裂補色: #85bbb2, #c6a1be, #d1a297
- 類似色: #85bbb2, #93ba9e, #84b9c5
- トライアド: #85bbb2, #b6a6cd, #c9a789
- テトラード: #85bbb2, #8fb3d1, #cfa0ab, #c9a789
- スクエア: #85bbb2, #a2add4, #cfa0ab, #bbae85
- モノクロマティック: #85bbb2, #3d726a, #61968d, #abe2d8, #cbfff9

## #85bbb2 についてのよくある質問

### #85bbb2 は何色ですか？

#85bbb2 はスモーキーな 明るいティールです。最も近い名前のある色はスモーキーな 明るいティールです。RGBでは rgb(133, 187, 178)、HSLでは hsl(170, 28.42%, 62.75%)、OKLCHでは oklch(75.183% 0.05797 183.26) です。

### #85bbb2 に合う色は？

#85bbb2 の補色は #cfa0ab です。落ち着いた組み合わせにするなら、類似色の #93ba9e と #84b9c5 を使いましょう。トライアドの組み合わせは #b6a6cd と #c9a789 です。

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

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

### #85bbb2 は暖色と寒色のどちらですか？

#85bbb2 は寒色系の色です。OKLCHでは色相 183度、明度 75.2%、クロマ 0.058 です。