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

#6fbca7 はRGBで rgb(111, 188, 167)、OKLCHで oklch(73.918% 0.08302 174.491) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/6fbca7

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6fbca7 |
| RGB | rgb(111, 188, 167) |
| HSL | hsl(163.64, 36.49%, 58.63%) |
| HSB / HSV | hsv(163.64 40.96% 73.73%) |
| HWB | hwb(163.64 43.53% 26.27%) |
| CMYK | cmyk(41% 0% 11% 26%) |
| Lab | lab(70.82 -28.69 2.79) |
| LCH | lch(70.82 28.82 174.44) |
| OKLab | oklab(73.918% -0.08264 0.00797) |
| OKLCH | oklch(73.918% 0.08302 174.491) |
| Display P3 | color(display-p3 0.50641 0.72971 0.65837) |
| Rec. 2020 | color(rec2020 0.52267 0.68916 0.62275) |
| Adobe RGB | color(a98-rgb 0.53907 0.73157 0.65264) |
| ProPhoto RGB | color(prophoto-rgb 0.51653 0.65411 0.59797) |
| 線形sRGB | color(srgb-linear 0.15896 0.50289 0.38643) |
| XYZ D65 | color(xyz-d65 0.31512 0.42135 0.43033) |
| XYZ D50 | color(xyz-d50 0.31829 0.41931 0.32698) |
| SwiftUI | Color(red: 0.435, green: 0.737, blue: 0.655) |
| UIKit | UIColor(red: 0.435, green: 0.737, blue: 0.655, alpha: 1) |
| Flutter / Compose | Color(0xFF6FBCA7) |
| Android XML | #6FBCA7 |

## 基本情報

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

## ティント

#6fbca7, #7fc3af, #8ec9b8, #9cd0c1, #abd7c9, #b9ded2, #c7e4db, #d5ebe4, #e3f2ed, #f1f8f6

## シェード

#6fbca7, #60a391, #518b7b, #427366, #345d52, #27473e, #1a322c, #0e1f1a, #040d0a, #010201

## トーン

#6fbca7, #76baa7, #7db9a8, #84b7a8, #8ab5a8, #90b4a9, #96b2a9, #9bb0a9, #a0aeaa, #a5acaa

## カラーハーモニー

- 補色: #6fbca7, #d595ae
- 分裂補色: #6fbca7, #c599c8, #da9691
- 類似色: #6fbca7, #8ab98a, #65bac3
- トライアド: #6fbca7, #ada1da, #d49d78
- テトラード: #6fbca7, #75b4d7, #d595ae, #d49d78
- スクエア: #6fbca7, #90aae0, #d595ae, #c3a76d
- モノクロマティック: #6fbca7, #207260, #499683, #95e3cd, #c0fff2

## #6fbca7 についてのよくある質問

### #6fbca7 は何色ですか？

#6fbca7 はやわらかな 明るいティールです。最も近い名前のある色はやわらかな 明るいティールです。RGBでは rgb(111, 188, 167)、HSLでは hsl(163.64, 36.49%, 58.63%)、OKLCHでは oklch(73.918% 0.08302 174.491) です。

### #6fbca7 に合う色は？

#6fbca7 の補色は #d595ae です。落ち着いた組み合わせにするなら、類似色の #8ab98a と #65bac3 を使いましょう。トライアドの組み合わせは #ada1da と #d49d78 です。

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

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

### #6fbca7 は暖色と寒色のどちらですか？

#6fbca7 は寒色系の色です。OKLCHでは色相 174度、明度 73.9%、クロマ 0.083 です。