# カラーコード #358993：やわらかな シアン

#358993 はRGBで rgb(53, 137, 147)、OKLCHで oklch(58.366% 0.08086 206.123) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/358993

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #358993 |
| RGB | rgb(53, 137, 147) |
| HSL | hsl(186.38, 47%, 39.22%) |
| HSB / HSV | hsv(186.38 63.95% 57.65%) |
| HWB | hwb(186.38 20.78% 42.35%) |
| CMYK | cmyk(64% 7% 0% 42%) |
| Lab | lab(52.39 -23.74 -13.32) |
| LCH | lch(52.39 27.22 209.3) |
| OKLab | oklab(58.366% -0.0726 -0.0356) |
| OKLCH | oklch(58.366% 0.08086 206.123) |
| Display P3 | color(display-p3 0.30092 0.53017 0.56976) |
| Rec. 2020 | color(rec2020 0.31986 0.47451 0.5245) |
| Adobe RGB | color(a98-rgb 0.34571 0.53255 0.56962) |
| ProPhoto RGB | color(prophoto-rgb 0.33869 0.44222 0.49551) |
| 線形sRGB | color(srgb-linear 0.0356 0.25016 0.29177) |
| XYZ D65 | color(xyz-d65 0.15679 0.20754 0.30784) |
| XYZ D50 | color(xyz-d50 0.15362 0.20494 0.23313) |
| SwiftUI | Color(red: 0.208, green: 0.537, blue: 0.576) |
| UIKit | UIColor(red: 0.208, green: 0.537, blue: 0.576, alpha: 1) |
| Flutter / Compose | Color(0xFF358993) |
| Android XML | #358993 |

## 基本情報

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

## ティント

#358993, #4d949d, #62a0a8, #77acb2, #8ab7bd, #9ec3c8, #b1cfd3, #c4dbde, #d8e7e9, #ebf3f4

## シェード

#358993, #2d767f, #25646c, #1d5359, #154247, #0e3136, #082225, #031416, #010708, #000101

## トーン

#358993, #408891, #49878e, #51858c, #58848a, #5f8387, #658185, #6b8082, #717e80, #767d7e

## カラーハーモニー

- 補色: #358993, #a66862
- 分裂補色: #358993, #a2677d, #a06f4b
- 類似色: #358993, #3f8b7a, #4883a5
- トライアド: #358993, #956a95, #917840
- テトラード: #358993, #657aac, #a66862, #917840
- スクエア: #358993, #8071a6, #a66862, #798248
- モノクロマティック: #358993, #00434d, #00656f, #5daeb8, #83d5df

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

### #358993 は何色ですか？

#358993 はやわらかな シアンです。最も近い名前のある色はやわらかな シアンです。RGBでは rgb(53, 137, 147)、HSLでは hsl(186.38, 47%, 39.22%)、OKLCHでは oklch(58.366% 0.08086 206.123) です。

### #358993 に合う色は？

#358993 の補色は #a66862 です。落ち着いた組み合わせにするなら、類似色の #3f8b7a と #4883a5 を使いましょう。トライアドの組み合わせは #956a95 と #917840 です。

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

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

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

#358993 は寒色系の色です。OKLCHでは色相 206度、明度 58.4%、クロマ 0.081 です。