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

#60cdc4 はRGBで rgb(96, 205, 196)、OKLCHで oklch(78.203% 0.10114 188.059) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/60cdc4

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #60cdc4 |
| RGB | rgb(96, 205, 196) |
| HSL | hsl(175.05, 52.15%, 59.02%) |
| HSB / HSV | hsv(175.05 53.17% 80.39%) |
| HWB | hwb(175.05 37.65% 19.61%) |
| CMYK | cmyk(53% 0% 4% 20%) |
| Lab | lab(75.89 -34.37 -5.58) |
| LCH | lch(75.89 34.82 189.22) |
| OKLab | oklab(78.203% -0.10014 -0.01418) |
| OKLCH | oklch(78.203% 0.10114 188.059) |
| Display P3 | color(display-p3 0.48965 0.79424 0.76664) |
| Rec. 2020 | color(rec2020 0.53856 0.75816 0.74072) |
| Adobe RGB | color(a98-rgb 0.53967 0.799 0.76475) |
| ProPhoto RGB | color(prophoto-rgb 0.55013 0.72483 0.71852) |
| 線形sRGB | color(srgb-linear 0.11697 0.6105 0.55201) |
| XYZ D65 | color(xyz-d65 0.36617 0.50133 0.59973) |
| XYZ D50 | color(xyz-d50 0.36512 0.49714 0.45509) |
| SwiftUI | Color(red: 0.376, green: 0.804, blue: 0.769) |
| UIKit | UIColor(red: 0.376, green: 0.804, blue: 0.769, alpha: 1) |
| Flutter / Compose | Color(0xFF60CDC4) |
| Android XML | #60CDC4 |

## 基本情報

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

## ティント

#60cdc4, #74d2ca, #86d7d0, #96dcd5, #a6e1db, #b6e6e1, #c5ebe7, #d4f0ed, #e2f5f3, #f1faf9

## シェード

#60cdc4, #52b2aa, #459891, #387e78, #2c6661, #204e4a, #153835, #0a2321, #030f0e, #000202

## トーン

#60cdc4, #6dcbc3, #78c9c2, #82c7c0, #8bc5bf, #93c3be, #9bc1bd, #a3bfbb, #aabcba, #b1bab9

## カラーハーモニー

- 補色: #60cdc4, #f09dac
- 分裂補色: #60cdc4, #e39fcf, #f1a189
- 類似色: #60cdc4, #7ecc9f, #63c8e3
- トライアド: #60cdc4, #caa7ea, #e3ac6f
- テトラード: #60cdc4, #83bef6, #f09dac, #e3ac6f
- スクエア: #60cdc4, #a9b2f8, #f09dac, #c9b96a
- モノクロマティック: #60cdc4, #00827a, #33a79e, #89f5eb, #b9ffff

## #60cdc4 についてのよくある質問

### #60cdc4 は何色ですか？

#60cdc4 は鮮やかな 明るいティールです。最も近い名前のある色は鮮やかな 明るいティールです。RGBでは rgb(96, 205, 196)、HSLでは hsl(175.05, 52.15%, 59.02%)、OKLCHでは oklch(78.203% 0.10114 188.059) です。

### #60cdc4 に合う色は？

#60cdc4 の補色は #f09dac です。落ち着いた組み合わせにするなら、類似色の #7ecc9f と #63c8e3 を使いましょう。トライアドの組み合わせは #caa7ea と #e3ac6f です。

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

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

### #60cdc4 は暖色と寒色のどちらですか？

#60cdc4 は寒色系の色です。OKLCHでは色相 188度、明度 78.2%、クロマ 0.101 です。