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

#16bfdf はRGBで rgb(22, 191, 223)、OKLCHで oklch(74.219% 0.12892 215.906) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/16bfdf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #16bfdf |
| RGB | rgb(22, 191, 223) |
| HSL | hsl(189.55, 82.04%, 48.04%) |
| HSB / HSV | hsv(189.55 90.13% 87.45%) |
| HWB | hwb(189.55 8.63% 12.55%) |
| CMYK | cmyk(90% 14% 0% 13%) |
| Lab | lab(70.87 -32.02 -27.81) |
| LCH | lch(70.87 42.41 220.97) |
| OKLab | oklab(74.219% -0.10442 -0.07561) |
| OKLCH | oklch(74.219% 0.12892 215.906) |
| Display P3 | color(display-p3 0.34766 0.73796 0.85956) |
| Rec. 2020 | color(rec2020 0.44365 0.6967 0.84111) |
| Adobe RGB | color(a98-rgb 0.42733 0.74343 0.86612) |
| ProPhoto RGB | color(prophoto-rgb 0.493 0.66255 0.82029) |
| 線形sRGB | color(srgb-linear 0.00802 0.521 0.73791) |
| XYZ D65 | color(xyz-d65 0.32279 0.42758 0.76366) |
| XYZ D50 | color(xyz-d50 0.30974 0.42001 0.57763) |
| SwiftUI | Color(red: 0.086, green: 0.749, blue: 0.875) |
| UIKit | UIColor(red: 0.086, green: 0.749, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF16BFDF) |
| Android XML | #16BFDF |

## 基本情報

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

## ティント

#16bfdf, #47c6e2, #63cce6, #7bd3e9, #90daed, #a4e0f0, #b7e6f3, #caedf6, #dcf3f9, #edf9fc

## シェード

#16bfdf, #12a6c2, #0d8da5, #09758a, #065e6f, #034856, #02333d, #011f27, #000d12, #000202

## トーン

#16bfdf, #3cbdda, #51bcd5, #62bad0, #6fb8cb, #7cb6c6, #87b4c0, #91b2bb, #9ab0b6, #a3aeb1

## カラーハーモニー

- 補色: #16bfdf, #f18c71
- 分裂補色: #16bfdf, #ef879f, #e29a4a
- 類似色: #16bfdf, #0dc5b7, #60b3f8
- トライアド: #16bfdf, #de8bcb, #c4ab3e
- テトラード: #16bfdf, #95a4fc, #f18c71, #c4ab3e
- スクエア: #16bfdf, #c095ec, #f18c71, #97ba5b
- モノクロマティック: #16bfdf, #00728b, #0099b8, #56e7ff, #caffff

## #16bfdf についてのよくある質問

### #16bfdf は何色ですか？

#16bfdf は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(22, 191, 223)、HSLでは hsl(189.55, 82.04%, 48.04%)、OKLCHでは oklch(74.219% 0.12892 215.906) です。

### #16bfdf に合う色は？

#16bfdf の補色は #f18c71 です。落ち着いた組み合わせにするなら、類似色の #0dc5b7 と #60b3f8 を使いましょう。トライアドの組み合わせは #de8bcb と #c4ab3e です。

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

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

### #16bfdf は暖色と寒色のどちらですか？

#16bfdf は寒色系の色です。OKLCHでは色相 216度、明度 74.2%、クロマ 0.129 です。