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

#58bfba はRGBで rgb(88, 191, 186)、OKLCHで oklch(74.254% 0.09586 190.996) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #58bfba |
| RGB | rgb(88, 191, 186) |
| HSL | hsl(177.09, 44.59%, 54.71%) |
| HSB / HSV | hsv(177.09 53.93% 74.9%) |
| HWB | hwb(177.09 34.51% 25.1%) |
| CMYK | cmyk(54% 0% 3% 25%) |
| Lab | lab(71.21 -32.12 -7.08) |
| LCH | lch(71.21 32.89 192.44) |
| OKLab | oklab(74.254% -0.0941 -0.01828) |
| OKLCH | oklch(74.254% 0.09586 190.996) |
| Display P3 | color(display-p3 0.4526 0.73991 0.72637) |
| Rec. 2020 | color(rec2020 0.49408 0.69918 0.69611) |
| Adobe RGB | color(a98-rgb 0.50047 0.74343 0.7245) |
| ProPhoto RGB | color(prophoto-rgb 0.5053 0.66398 0.6712) |
| 線形sRGB | color(srgb-linear 0.09759 0.521 0.49102) |
| XYZ D65 | color(xyz-d65 0.31516 0.4288 0.53072) |
| XYZ D50 | color(xyz-d50 0.31347 0.42497 0.40258) |
| SwiftUI | Color(red: 0.345, green: 0.749, blue: 0.729) |
| UIKit | UIColor(red: 0.345, green: 0.749, blue: 0.729, alpha: 1) |
| Flutter / Compose | Color(0xFF58BFBA) |
| Android XML | #58BFBA |

## 基本情報

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

## ティント

#58bfba, #6cc6c1, #7fccc8, #90d2ce, #a1d9d5, #b1dfdc, #c1e6e3, #d1ecea, #e0f2f1, #f0f9f8

## シェード

#58bfba, #4ba6a1, #3f8d89, #337572, #285e5c, #1d4846, #123332, #091f1e, #030d0d, #000202

## トーン

#58bfba, #64bdb9, #6fbbb7, #78bab6, #81b8b4, #89b6b3, #91b4b1, #98b2b0, #9fb0ae, #a5aead

## カラーハーモニー

- 補色: #58bfba, #e1929d
- 分裂補色: #58bfba, #d594be, #e0977c
- 類似色: #58bfba, #71bf98, #5fbad6
- トライアド: #58bfba, #bf9ad8, #d2a166
- テトラード: #58bfba, #7db0e6, #e1929d, #d2a166
- スクエア: #58bfba, #a1a5e7, #e1929d, #b9ae64
- モノクロマティック: #58bfba, #007571, #2b9995, #81e6e1, #b6ffff

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

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

#58bfba は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(88, 191, 186)、HSLでは hsl(177.09, 44.59%, 54.71%)、OKLCHでは oklch(74.254% 0.09586 190.996) です。

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

#58bfba の補色は #e1929d です。落ち着いた組み合わせにするなら、類似色の #71bf98 と #5fbad6 を使いましょう。トライアドの組み合わせは #bf9ad8 と #d2a166 です。

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

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

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

#58bfba は寒色系の色です。OKLCHでは色相 191度、明度 74.3%、クロマ 0.096 です。