# カラーコード #348ea1：鮮やかな シアン

#348ea1 はRGBで rgb(52, 142, 161)、OKLCHで oklch(60.157% 0.08799 214.369) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/348ea1

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #348ea1 |
| RGB | rgb(52, 142, 161) |
| HSL | hsl(190.46, 51.17%, 41.76%) |
| HSB / HSV | hsv(190.46 67.7% 63.14%) |
| HWB | hwb(190.46 20.39% 36.86%) |
| CMYK | cmyk(68% 12% 0% 37%) |
| Lab | lab(54.36 -22.84 -18.4) |
| LCH | lch(54.36 29.32 218.85) |
| OKLab | oklab(60.157% -0.07263 -0.04967) |
| OKLCH | oklch(60.157% 0.08799 214.369) |
| Display P3 | color(display-p3 0.30604 0.54941 0.62188) |
| Rec. 2020 | color(rec2020 0.33358 0.49524 0.5804) |
| Adobe RGB | color(a98-rgb 0.35356 0.55182 0.62272) |
| ProPhoto RGB | color(prophoto-rgb 0.35823 0.46262 0.54994) |
| 線形sRGB | color(srgb-linear 0.03434 0.2705 0.3564) |
| XYZ D65 | color(xyz-d65 0.17521 0.22648 0.37168) |
| XYZ D50 | color(xyz-d50 0.17015 0.22316 0.28124) |
| SwiftUI | Color(red: 0.204, green: 0.557, blue: 0.631) |
| UIKit | UIColor(red: 0.204, green: 0.557, blue: 0.631, alpha: 1) |
| Flutter / Compose | Color(0xFF348EA1) |
| Android XML | #348EA1 |

## 基本情報

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

## ティント

#348ea1, #4d99aa, #63a4b3, #77afbd, #8bbbc6, #9ec6d0, #b2d1d9, #c5dde2, #d8e8ec, #ecf3f5

## シェード

#348ea1, #2c7b8b, #246876, #1c5662, #15444e, #0e343c, #07242a, #031519, #010709, #000101

## トーン

#348ea1, #408d9e, #4a8c9b, #538a97, #5b8994, #628891, #69868e, #6f858a, #758487, #7b8284

## カラーハーモニー

- 補色: #348ea1, #af6d5d
- 分裂補色: #348ea1, #ad6a7a, #a57546
- 類似色: #348ea1, #359287, #5086b2
- トライアド: #348ea1, #a16c96, #92803f
- テトラード: #348ea1, #717db5, #af6d5d, #92803f
- スクエア: #348ea1, #8c73ab, #af6d5d, #758a4d
- モノクロマティック: #348ea1, #004858, #006a7c, #5db3c7, #84daee

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

### #348ea1 は何色ですか？

#348ea1 は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(52, 142, 161)、HSLでは hsl(190.46, 51.17%, 41.76%)、OKLCHでは oklch(60.157% 0.08799 214.369) です。

### #348ea1 に合う色は？

#348ea1 の補色は #af6d5d です。落ち着いた組み合わせにするなら、類似色の #359287 と #5086b2 を使いましょう。トライアドの組み合わせは #a16c96 と #92803f です。

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

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

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

#348ea1 は寒色系の色です。OKLCHでは色相 214度、明度 60.2%、クロマ 0.088 です。