# カラーコード #669c93：スモーキーな ティール

#669c93 はRGBで rgb(102, 156, 147)、OKLCHで oklch(65.23% 0.05891 182.818) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/669c93

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #669c93 |
| RGB | rgb(102, 156, 147) |
| HSL | hsl(170, 21.43%, 50.59%) |
| HSB / HSV | hsv(170 34.62% 61.18%) |
| HWB | hwb(170 40% 38.82%) |
| CMYK | cmyk(35% 0% 6% 39%) |
| Lab | lab(60.39 -20.21 -1.26) |
| LCH | lch(60.39 20.25 183.58) |
| OKLab | oklab(65.23% -0.05884 -0.0029) |
| OKLCH | oklch(65.23% 0.05891 182.818) |
| Display P3 | color(display-p3 0.4471 0.6062 0.57668) |
| Rec. 2020 | color(rec2020 0.44003 0.55735 0.53317) |
| Adobe RGB | color(a98-rgb 0.46963 0.60608 0.57264) |
| ProPhoto RGB | color(prophoto-rgb 0.4324 0.52327 0.50645) |
| 線形sRGB | color(srgb-linear 0.13287 0.33245 0.29177) |
| XYZ D65 | color(xyz-d65 0.22633 0.28708 0.31953) |
| XYZ D50 | color(xyz-d50 0.22773 0.28558 0.24248) |
| SwiftUI | Color(red: 0.4, green: 0.612, blue: 0.576) |
| UIKit | UIColor(red: 0.4, green: 0.612, blue: 0.576, alpha: 1) |
| Flutter / Compose | Color(0xFF669C93) |
| Android XML | #669C93 |

## 基本情報

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

## ティント

#669c93, #75a69d, #85afa8, #94b9b2, #a3c3bd, #b2cdc8, #c1d7d2, #d1e1dd, #e0ebe9, #eff5f4

## シェード

#669c93, #58877f, #4a736c, #3c5f59, #2f4c47, #233936, #172825, #0c1816, #040908, #000101

## トーン

#669c93, #6b9b93, #709a92, #749892, #799792, #7d9691, #819591, #859491, #889290, #8c9190

## カラーハーモニー

- 補色: #669c93, #af818c
- 分裂補色: #669c93, #a683a0, #b18379
- 類似色: #669c93, #759b7f, #649aa5
- トライアド: #669c93, #9788ae, #aa886b
- テトラード: #669c93, #7195b1, #af818c, #aa886b
- スクエア: #669c93, #848eb5, #af818c, #9c8f66
- モノクロマティック: #669c93, #1e554e, #42786f, #8bc2b8, #b1e9df

## #669c93 についてのよくある質問

### #669c93 は何色ですか？

#669c93 はスモーキーな ティールです。最も近い名前のある色はスモーキーな ティールです。RGBでは rgb(102, 156, 147)、HSLでは hsl(170, 21.43%, 50.59%)、OKLCHでは oklch(65.23% 0.05891 182.818) です。

### #669c93 に合う色は？

#669c93 の補色は #af818c です。落ち着いた組み合わせにするなら、類似色の #759b7f と #649aa5 を使いましょう。トライアドの組み合わせは #9788ae と #aa886b です。

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

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

### #669c93 は暖色と寒色のどちらですか？

#669c93 は寒色系の色です。OKLCHでは色相 183度、明度 65.2%、クロマ 0.059 です。