# カラーコード #65bfbc：やわらかな 明るいシアン

#65bfbc はRGBで rgb(101, 191, 188)、OKLCHで oklch(74.828% 0.08664 192.618) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/65bfbc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #65bfbc |
| RGB | rgb(101, 191, 188) |
| HSL | hsl(178, 41.28%, 57.25%) |
| HSB / HSV | hsv(178 47.12% 74.9%) |
| HWB | hwb(178 39.61% 25.1%) |
| CMYK | cmyk(47% 0% 2% 25%) |
| Lab | lab(71.75 -28.74 -7.31) |
| LCH | lch(71.75 29.65 194.26) |
| OKLab | oklab(74.828% -0.08455 -0.01893) |
| OKLCH | oklch(74.828% 0.08664 192.618) |
| Display P3 | color(display-p3 0.484 0.74062 0.73393) |
| Rec. 2020 | color(rec2020 0.5156 0.70092 0.70425) |
| Adobe RGB | color(a98-rgb 0.52408 0.74343 0.73206) |
| ProPhoto RGB | color(prophoto-rgb 0.52318 0.66671 0.67943) |
| 線形sRGB | color(srgb-linear 0.13014 0.521 0.50289) |
| XYZ D65 | color(xyz-d65 0.33073 0.43658 0.54263) |
| XYZ D50 | color(xyz-d50 0.32936 0.43293 0.4115) |
| SwiftUI | Color(red: 0.396, green: 0.749, blue: 0.737) |
| UIKit | UIColor(red: 0.396, green: 0.749, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF65BFBC) |
| Android XML | #65BFBC |

## 基本情報

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

## ティント

#65bfbc, #77c5c3, #87ccc9, #97d2d0, #a7d9d6, #b6dfdd, #c5e6e4, #d3eceb, #e2f2f1, #f0f9f8

## シェード

#65bfbc, #57a6a3, #498d8b, #3c7573, #2f5e5d, #224847, #173332, #0c1f1f, #030d0d, #000202

## トーン

#65bfbc, #6fbdbb, #77bcb9, #80bab8, #87b8b6, #8eb7b5, #95b5b3, #9bb3b2, #a2b1b0, #a7afaf

## カラーハーモニー

- 補色: #65bfbc, #de979e
- 分裂補色: #65bfbc, #d498bc, #dd9c82
- 類似色: #65bfbc, #79bf9d, #6bbad5
- トライアド: #65bfbc, #c09ed5, #cfa56f
- テトラード: #65bfbc, #86b1e3, #de979e, #cfa56f
- スクエア: #65bfbc, #a5a7e3, #de979e, #b7b06e
- モノクロマティック: #65bfbc, #027573, #3d9997, #8ce6e3, #b5ffff

## #65bfbc についてのよくある質問

### #65bfbc は何色ですか？

#65bfbc はやわらかな 明るいシアンです。最も近い名前のある色はやわらかな 明るいシアンです。RGBでは rgb(101, 191, 188)、HSLでは hsl(178, 41.28%, 57.25%)、OKLCHでは oklch(74.828% 0.08664 192.618) です。

### #65bfbc に合う色は？

#65bfbc の補色は #de979e です。落ち着いた組み合わせにするなら、類似色の #79bf9d と #6bbad5 を使いましょう。トライアドの組み合わせは #c09ed5 と #cfa56f です。

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

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

### #65bfbc は暖色と寒色のどちらですか？

#65bfbc は寒色系の色です。OKLCHでは色相 193度、明度 74.8%、クロマ 0.087 です。