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

#85ccae はRGBで rgb(133, 204, 174)、OKLCHで oklch(78.969% 0.08375 165.855) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #85ccae |
| RGB | rgb(133, 204, 174) |
| HSL | hsl(154.65, 41.04%, 66.08%) |
| HSB / HSV | hsv(154.65 34.8% 80%) |
| HWB | hwb(154.65 52.16% 20%) |
| CMYK | cmyk(35% 0% 15% 20%) |
| Lab | lab(76.72 -28.2 7.6) |
| LCH | lch(76.72 29.21 164.93) |
| OKLab | oklab(78.969% -0.08122 0.02047) |
| OKLCH | oklch(78.969% 0.08375 165.855) |
| Display P3 | color(display-p3 0.58393 0.79272 0.68945) |
| Rec. 2020 | color(rec2020 0.59859 0.75852 0.65739) |
| Adobe RGB | color(a98-rgb 0.61209 0.79502 0.6818) |
| ProPhoto RGB | color(prophoto-rgb 0.58673 0.72635 0.63481) |
| 線形sRGB | color(srgb-linear 0.23455 0.60383 0.42327) |
| XYZ D65 | color(xyz-d65 0.38904 0.51227 0.47884) |
| XYZ D50 | color(xyz-d50 0.3954 0.51072 0.36414) |
| SwiftUI | Color(red: 0.522, green: 0.8, blue: 0.682) |
| UIKit | UIColor(red: 0.522, green: 0.8, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF85CCAE) |
| Android XML | #85CCAE |

## 基本情報

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

## ティント

#85ccae, #92d1b6, #9fd6be, #abdbc6, #b7e1ce, #c3e6d6, #cfebde, #dbf0e6, #e7f5ee, #f3faf7

## シェード

#85ccae, #73b197, #619780, #507e6a, #406555, #304e41, #21372e, #13221c, #060f0b, #010201

## トーン

#85ccae, #8bcaaf, #91c9b0, #97c7b2, #9dc5b3, #a2c3b4, #a7c2b5, #acc0b7, #b1beb8, #b6bcb9

## カラーハーモニー

- 補色: #85ccae, #e3a5c6
- 分裂補色: #85ccae, #d0aadf, #eba5a8
- 類似色: #85ccae, #a3c791, #75cccc
- トライアド: #85ccae, #b5b3ee, #e8aa8d
- テトラード: #85ccae, #7dc6e4, #e3a5c6, #e8aa8d
- スクエア: #85ccae, #97bdf0, #e3a5c6, #dab37d
- モノクロマティック: #85ccae, #3a8166, #60a689, #abf4d4, #c4ffe9

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

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

#85ccae はやわらかな 明るいエメラルドです。最も近い名前のある色はやわらかな 明るいエメラルドです。RGBでは rgb(133, 204, 174)、HSLでは hsl(154.65, 41.04%, 66.08%)、OKLCHでは oklch(78.969% 0.08375 165.855) です。

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

#85ccae の補色は #e3a5c6 です。落ち着いた組み合わせにするなら、類似色の #a3c791 と #75cccc を使いましょう。トライアドの組み合わせは #b5b3ee と #e8aa8d です。

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

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

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

#85ccae は寒色系の色です。OKLCHでは色相 166度、明度 79%、クロマ 0.084 です。