# カラーコード #06bfba：鮮やかな 明るいシアン

#06bfba はRGBで rgb(6, 191, 186)、OKLCHで oklch(72.71% 0.12439 191.433) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/06bfba

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #06bfba |
| RGB | rgb(6, 191, 186) |
| HSL | hsl(178.38, 93.91%, 38.63%) |
| HSB / HSV | hsv(178.38 96.86% 74.9%) |
| HWB | hwb(178.38 2.35% 25.1%) |
| CMYK | cmyk(97% 0% 3% 25%) |
| Lab | lab(69.73 -41.73 -9.47) |
| LCH | lch(69.73 42.79 192.78) |
| OKLab | oklab(72.71% -0.12192 -0.02466) |
| OKLCH | oklch(72.71% 0.12439 191.433) |
| Display P3 | color(display-p3 0.33889 0.73783 0.72528) |
| Rec. 2020 | color(rec2020 0.42622 0.69432 0.69495) |
| Adobe RGB | color(a98-rgb 0.42169 0.74343 0.7245) |
| ProPhoto RGB | color(prophoto-rgb 0.45464 0.65669 0.66997) |
| 線形sRGB | color(srgb-linear 0.00182 0.521 0.49102) |
| XYZ D65 | color(xyz-d65 0.27567 0.40843 0.52887) |
| XYZ D50 | color(xyz-d50 0.27171 0.40367 0.40124) |
| SwiftUI | Color(red: 0.024, green: 0.749, blue: 0.729) |
| UIKit | UIColor(red: 0.024, green: 0.749, blue: 0.729, alpha: 1) |
| Flutter / Compose | Color(0xFF06BFBA) |
| Android XML | #06BFBA |

## 基本情報

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

## ティント

#06bfba, #43c6c1, #60ccc8, #79d3ce, #8ed9d5, #a3e0dc, #b6e6e3, #c9ecea, #dbf3f1, #edf9f8

## シェード

#06bfba, #04a6a1, #038d89, #027572, #015e5c, #014846, #003332, #001f1e, #000d0d, #000202

## トーン

#06bfba, #37bdb8, #4dbbb6, #5eb8b4, #6cb6b2, #78b4b0, #83b1ae, #8dafac, #96acab, #9ea9a9

## カラーハーモニー

- 補色: #06bfba, #e98493
- 分裂補色: #06bfba, #db86bd, #e88b67
- 類似色: #06bfba, #52bf8e, #2bb8de
- トライアド: #06bfba, #c08fe0, #d79945
- テトラード: #06bfba, #69abf2, #e98493, #d79945
- スクエア: #06bfba, #9a9df3, #e98493, #b7a941
- モノクロマティック: #06bfba, #00716e, #009995, #52e6e1, #b1ffff

## #06bfba についてのよくある質問

### #06bfba は何色ですか？

#06bfba は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(6, 191, 186)、HSLでは hsl(178.38, 93.91%, 38.63%)、OKLCHでは oklch(72.71% 0.12439 191.433) です。

### #06bfba に合う色は？

#06bfba の補色は #e98493 です。落ち着いた組み合わせにするなら、類似色の #52bf8e と #2bb8de を使いましょう。トライアドの組み合わせは #c08fe0 と #d79945 です。

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

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

### #06bfba は暖色と寒色のどちらですか？

#06bfba は寒色系の色です。OKLCHでは色相 191度、明度 72.7%、クロマ 0.124 です。