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

#308697 はRGBで rgb(48, 134, 151)、OKLCHで oklch(57.615% 0.0842 213.268) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #308697 |
| RGB | rgb(48, 134, 151) |
| HSL | hsl(189.9, 51.76%, 39.02%) |
| HSB / HSV | hsv(189.9 68.21% 59.22%) |
| HWB | hwb(189.9 18.82% 40.78%) |
| CMYK | cmyk(68% 11% 0% 41%) |
| Lab | lab(51.41 -22.26 -17.12) |
| LCH | lch(51.41 28.08 217.57) |
| OKLab | oklab(57.615% -0.0704 -0.04619) |
| OKLCH | oklch(57.615% 0.0842 213.268) |
| Display P3 | color(display-p3 0.28629 0.5184 0.58342) |
| Rec. 2020 | color(rec2020 0.30859 0.46227 0.53885) |
| Adobe RGB | color(a98-rgb 0.33296 0.52102 0.58412) |
| ProPhoto RGB | color(prophoto-rgb 0.33258 0.43104 0.50884) |
| 線形sRGB | color(srgb-linear 0.02956 0.2384 0.30947) |
| XYZ D65 | color(xyz-d65 0.15329 0.19912 0.32315) |
| XYZ D50 | color(xyz-d50 0.14899 0.19624 0.24455) |
| SwiftUI | Color(red: 0.188, green: 0.525, blue: 0.592) |
| UIKit | UIColor(red: 0.188, green: 0.525, blue: 0.592, alpha: 1) |
| Flutter / Compose | Color(0xFF308697) |
| Android XML | #308697 |

## 基本情報

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

## ティント

#308697, #4992a1, #5f9eab, #74aab6, #88b5c0, #9cc2ca, #b0ced5, #c3dadf, #d7e6ea, #ebf3f4

## シェード

#308697, #287483, #21626f, #1a515c, #134049, #0c3037, #062126, #031317, #010608, #000101

## トーン

#308697, #3c8594, #458491, #4e838e, #55818b, #5c8088, #637f85, #697d82, #6e7c7f, #747b7c

## カラーハーモニー

- 補色: #308697, #a56658
- 分裂補色: #308697, #a36474, #9c6e42
- 類似色: #308697, #32897e, #4a7fa7
- トライアド: #308697, #97668e, #8a783b
- テトラード: #308697, #6976ab, #a56658, #8a783b
- スクエア: #308697, #836da2, #a56658, #6f8248
- モノクロマティック: #308697, #00404f, #006373, #58abbd, #7fd2e4

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

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

#308697 は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(48, 134, 151)、HSLでは hsl(189.9, 51.76%, 39.02%)、OKLCHでは oklch(57.615% 0.0842 213.268) です。

### #308697 に合う色は？

#308697 の補色は #a56658 です。落ち着いた組み合わせにするなら、類似色の #32897e と #4a7fa7 を使いましょう。トライアドの組み合わせは #97668e と #8a783b です。

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

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

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

#308697 は寒色系の色です。OKLCHでは色相 213度、明度 57.6%、クロマ 0.084 です。