# カラーコード #05bbb3：鮮やかな 明るいティール

#05bbb3 はRGBで rgb(5, 187, 179)、OKLCHで oklch(71.463% 0.12312 189.345) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/05bbb3

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #05bbb3 |
| RGB | rgb(5, 187, 179) |
| HSL | hsl(177.36, 94.79%, 37.65%) |
| HSB / HSV | hsv(177.36 97.33% 73.33%) |
| HWB | hwb(177.36 1.96% 26.67%) |
| CMYK | cmyk(97% 0% 4% 27%) |
| Lab | lab(68.31 -41.81 -7.75) |
| LCH | lch(68.31 42.52 190.5) |
| OKLab | oklab(71.463% -0.12149 -0.01999) |
| OKLCH | oklch(71.463% 0.12312 189.345) |
| Display P3 | color(display-p3 0.33088 0.72236 0.69892) |
| Rec. 2020 | color(rec2020 0.41404 0.67745 0.66624) |
| Adobe RGB | color(a98-rgb 0.41252 0.72762 0.69741) |
| ProPhoto RGB | color(prophoto-rgb 0.44009 0.63925 0.64063) |
| 線形sRGB | color(srgb-linear 0.00152 0.49693 0.45079) |
| XYZ D65 | color(xyz-d65 0.25968 0.38826 0.48775) |
| XYZ D50 | color(xyz-d50 0.25655 0.38391 0.37017) |
| SwiftUI | Color(red: 0.02, green: 0.733, blue: 0.702) |
| UIKit | UIColor(red: 0.02, green: 0.733, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFF05BBB3) |
| Android XML | #05BBB3 |

## 基本情報

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

## ティント

#05bbb3, #42c2ba, #5fc9c2, #77d0c9, #8dd7d1, #a2ded8, #b5e4e0, #c8ebe8, #dbf2ef, #edf8f7

## シェード

#05bbb3, #04a29b, #038a84, #02736e, #015c58, #014643, #00322f, #001f1d, #000d0c, #000201

## トーン

#05bbb3, #35b9b1, #4bb7b0, #5cb4ae, #69b2ad, #75b0ab, #80ada9, #89aba8, #92a8a6, #9ba6a4

## カラーハーモニー

- 補色: #05bbb3, #e48192
- 分裂補色: #05bbb3, #d583bc, #e48767
- 類似色: #05bbb3, #53ba87, #23b4d7
- トライアド: #05bbb3, #ba8ddd, #d49444
- テトラード: #05bbb3, #62a8ed, #e48192, #d49444
- スクエア: #05bbb3, #939aef, #e48192, #b6a43d
- モノクロマティック: #05bbb3, #006d68, #00958e, #51e2da, #9afffe

## #05bbb3 についてのよくある質問

### #05bbb3 は何色ですか？

#05bbb3 は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(5, 187, 179)、HSLでは hsl(177.36, 94.79%, 37.65%)、OKLCHでは oklch(71.463% 0.12312 189.345) です。

### #05bbb3 に合う色は？

#05bbb3 の補色は #e48192 です。落ち着いた組み合わせにするなら、類似色の #53ba87 と #23b4d7 を使いましょう。トライアドの組み合わせは #ba8ddd と #d49444 です。

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

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

### #05bbb3 は暖色と寒色のどちらですか？

#05bbb3 は寒色系の色です。OKLCHでは色相 189度、明度 71.5%、クロマ 0.123 です。