# カラーコード #679daa：スモーキーな シアン

#679daa はRGBで rgb(103, 157, 170)、OKLCHで oklch(66.309% 0.06006 214.554) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/679daa

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #679daa |
| RGB | rgb(103, 157, 170) |
| HSL | hsl(191.64, 28.27%, 53.53%) |
| HSB / HSV | hsv(191.64 39.41% 66.67%) |
| HWB | hwb(191.64 40.39% 33.33%) |
| CMYK | cmyk(39% 8% 0% 33%) |
| Lab | lab(61.33 -15.98 -12.78) |
| LCH | lch(61.33 20.46 218.64) |
| OKLab | oklab(66.309% -0.04946 -0.03406) |
| OKLCH | oklch(66.309% 0.06006 214.554) |
| Display P3 | color(display-p3 0.45095 0.61011 0.65971) |
| Rec. 2020 | color(rec2020 0.44945 0.56268 0.62189) |
| Adobe RGB | color(a98-rgb 0.47335 0.60997 0.65874) |
| ProPhoto RGB | color(prophoto-rgb 0.45215 0.53022 0.59255) |
| 線形sRGB | color(srgb-linear 0.13563 0.33716 0.40198) |
| XYZ D65 | color(xyz-d65 0.24905 0.29899 0.4249) |
| XYZ D50 | color(xyz-d50 0.24652 0.29625 0.32167) |
| SwiftUI | Color(red: 0.404, green: 0.616, blue: 0.667) |
| UIKit | UIColor(red: 0.404, green: 0.616, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF679DAA) |
| Android XML | #679DAA |

## 基本情報

- 最も近い色名: スモーキーな シアン
- 色相の系統: シアン, スモーキーな シアン
- 最も近いTailwindクラス: slate-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.01:1
- 黒とのコントラスト: 6.98:1

## ティント

#679daa, #76a7b2, #86b0bb, #95bac3, #a4c4cb, #b3cdd4, #c2d7dc, #d1e1e5, #e0ebee, #f0f5f6

## シェード

#679daa, #598893, #4b737d, #3d5f68, #304c53, #233a3f, #17282d, #0c181b, #04090b, #000101

## トーン

#679daa, #6c9ca8, #719ba5, #769aa3, #7b99a1, #7f989f, #83979c, #87969a, #8b9598, #8f9495

## カラーハーモニー

- 補色: #679daa, #b5867b
- 分裂補色: #679daa, #b4848e, #ad8c6c
- 類似色: #679daa, #68a098, #7498b6
- トライアド: #679daa, #ab86a2, #9f9369
- テトラード: #679daa, #8891b9, #b5867b, #9f9369
- スクエア: #679daa, #9b8ab1, #b5867b, #8b9a71
- モノクロマティック: #679daa, #1f5662, #437985, #8cc3d0, #b2eaf8

## #679daa についてのよくある質問

### #679daa は何色ですか？

#679daa はスモーキーな シアンです。最も近い名前のある色はスモーキーな シアンです。RGBでは rgb(103, 157, 170)、HSLでは hsl(191.64, 28.27%, 53.53%)、OKLCHでは oklch(66.309% 0.06006 214.554) です。

### #679daa に合う色は？

#679daa の補色は #b5867b です。落ち着いた組み合わせにするなら、類似色の #68a098 と #7498b6 を使いましょう。トライアドの組み合わせは #ab86a2 と #9f9369 です。

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

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

### #679daa は暖色と寒色のどちらですか？

#679daa は寒色系の色です。OKLCHでは色相 215度、明度 66.3%、クロマ 0.06 です。