# カラーコード #97c7bf：やわらかな 明るいティール

#97c7bf はRGBで rgb(151, 199, 191)、OKLCHで oklch(79.346% 0.05164 183.638) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/97c7bf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #97c7bf |
| RGB | rgb(151, 199, 191) |
| HSL | hsl(170, 30%, 68.63%) |
| HSB / HSV | hsv(170 24.12% 78.04%) |
| HWB | hwb(170 59.22% 21.96%) |
| CMYK | cmyk(24% 0% 4% 22%) |
| Lab | lab(76.67 -17.61 -1.39) |
| LCH | lch(76.67 17.67 184.52) |
| OKLab | oklab(79.346% -0.05154 -0.00328) |
| OKLCH | oklch(79.346% 0.05164 183.638) |
| Display P3 | color(display-p3 0.63099 0.77508 0.74903) |
| Rec. 2020 | color(rec2020 0.63246 0.7424 0.72114) |
| Adobe RGB | color(a98-rgb 0.64714 0.77515 0.74477) |
| ProPhoto RGB | color(prophoto-rgb 0.62213 0.71302 0.69785) |
| 線形sRGB | color(srgb-linear 0.30947 0.57112 0.521) |
| XYZ D65 | color(xyz-d65 0.42588 0.51187 0.56928) |
| XYZ D50 | color(xyz-d50 0.42946 0.50987 0.4318) |
| SwiftUI | Color(red: 0.592, green: 0.78, blue: 0.749) |
| UIKit | UIColor(red: 0.592, green: 0.78, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF97C7BF) |
| Android XML | #97C7BF |

## 基本情報

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

## ティント

#97c7bf, #a2cdc5, #acd2cc, #b6d8d2, #c1ddd8, #cbe3df, #d6e8e5, #e0eeeb, #eaf4f2, #f5f9f8

## シェード

#97c7bf, #83ada6, #6f938d, #5c7a75, #49625e, #374c48, #263633, #17211f, #080e0d, #010202

## トーン

#97c7bf, #9bc6bf, #9fc5be, #a3c4be, #a7c3be, #aac1bd, #aec0bd, #b1bfbd, #b5bebc, #b8bdbc

## カラーハーモニー

- 補色: #97c7bf, #daaeb8
- 分裂補色: #97c7bf, #d1b0ca, #dbb0a6
- 類似色: #97c7bf, #a3c6ad, #96c5d0
- トライアド: #97c7bf, #c2b4d7, #d4b59a
- テトラード: #97c7bf, #a0c0db, #daaeb8, #d4b59a
- スクエア: #97c7bf, #b1bade, #daaeb8, #c6bc96
- モノクロマティック: #97c7bf, #4f7d76, #72a19a, #bdeee6, #d0fff9

## #97c7bf についてのよくある質問

### #97c7bf は何色ですか？

#97c7bf はやわらかな 明るいティールです。最も近い名前のある色はやわらかな 明るいティールです。RGBでは rgb(151, 199, 191)、HSLでは hsl(170, 30%, 68.63%)、OKLCHでは oklch(79.346% 0.05164 183.638) です。

### #97c7bf に合う色は？

#97c7bf の補色は #daaeb8 です。落ち着いた組み合わせにするなら、類似色の #a3c6ad と #96c5d0 を使いましょう。トライアドの組み合わせは #c2b4d7 と #d4b59a です。

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

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

### #97c7bf は暖色と寒色のどちらですか？

#97c7bf は寒色系の色です。OKLCHでは色相 184度、明度 79.3%、クロマ 0.052 です。