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

#16cdcd はRGBで rgb(22, 205, 205)、OKLCHで oklch(76.926% 0.12883 194.808) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #16cdcd |
| RGB | rgb(22, 205, 205) |
| HSL | hsl(180, 80.62%, 44.51%) |
| HSB / HSV | hsv(180 89.27% 80.39%) |
| HWB | hwb(180 8.63% 19.61%) |
| CMYK | cmyk(89% 0% 0% 20%) |
| Lab | lab(74.6 -42.21 -12.51) |
| LCH | lch(74.6 44.03 196.51) |
| OKLab | oklab(76.926% -0.12455 -0.03293) |
| OKLCH | oklch(76.926% 0.12883 194.808) |
| Display P3 | color(display-p3 0.3734 0.79208 0.79786) |
| Rec. 2020 | color(rec2020 0.47088 0.75355 0.77465) |
| Adobe RGB | color(a98-rgb 0.45813 0.799 0.799) |
| ProPhoto RGB | color(prophoto-rgb 0.50429 0.71829 0.75315) |
| 線形sRGB | color(srgb-linear 0.00802 0.6105 0.6105) |
| XYZ D65 | color(xyz-d65 0.3318 0.48239 0.65322) |
| XYZ D50 | color(xyz-d50 0.32598 0.47645 0.49533) |
| SwiftUI | Color(red: 0.086, green: 0.804, blue: 0.804) |
| UIKit | UIColor(red: 0.086, green: 0.804, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF16CDCD) |
| Android XML | #16CDCD |

## 基本情報

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

## ティント

#16cdcd, #49d2d2, #66d8d7, #7edddc, #93e2e1, #a7e7e6, #baeceb, #cbf1f0, #ddf6f5, #eefafa

## シェード

#16cdcd, #12b2b2, #0d9898, #097e7e, #066666, #034e4e, #023838, #012323, #000f0f, #000202

## トーン

#16cdcd, #3fcbcb, #56c9c8, #67c6c5, #76c4c3, #82c1c0, #8ebfbe, #98bcbb, #a2b9b9, #abb7b6

## カラーハーモニー

- 補色: #16cdcd, #fb909a
- 分裂補色: #16cdcd, #ee91c7, #f8986d
- 類似色: #16cdcd, #54ce9f, #3ec5f1
- トライアド: #16cdcd, #d39aed, #e4a74b
- テトラード: #16cdcd, #7ab7ff, #fb909a, #e4a74b
- スクエア: #16cdcd, #aba8ff, #fb909a, #c1b84d
- モノクロマティック: #16cdcd, #007e7f, #00a6a7, #59f5f4, #b4ffff

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

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

#16cdcd は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(22, 205, 205)、HSLでは hsl(180, 80.62%, 44.51%)、OKLCHでは oklch(76.926% 0.12883 194.808) です。

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

#16cdcd の補色は #fb909a です。落ち着いた組み合わせにするなら、類似色の #54ce9f と #3ec5f1 を使いましょう。トライアドの組み合わせは #d39aed と #e4a74b です。

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

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

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

#16cdcd は寒色系の色です。OKLCHでは色相 195度、明度 76.9%、クロマ 0.129 です。