# カラーコード #39bcd4：鮮やかな 明るいシアン

#39bcd4 はRGBで rgb(57, 188, 212)、OKLCHで oklch(73.579% 0.11437 212.741) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/39bcd4

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #39bcd4 |
| RGB | rgb(57, 188, 212) |
| HSL | hsl(189.29, 64.32%, 52.75%) |
| HSB / HSV | hsv(189.29 73.11% 83.14%) |
| HWB | hwb(189.29 22.35% 16.86%) |
| CMYK | cmyk(73% 11% 0% 17%) |
| Lab | lab(70.14 -30.36 -22.9) |
| LCH | lch(70.14 38.03 217.02) |
| OKLab | oklab(73.579% -0.0962 -0.06186) |
| OKLCH | oklch(73.579% 0.11437 212.741) |
| Display P3 | color(display-p3 0.3855 0.7271 0.81902) |
| Rec. 2020 | color(rec2020 0.45662 0.68538 0.79654) |
| Adobe RGB | color(a98-rgb 0.44976 0.73157 0.82325) |
| ProPhoto RGB | color(prophoto-rgb 0.49325 0.65103 0.77338) |
| 線形sRGB | color(srgb-linear 0.04092 0.50289 0.65837) |
| XYZ D65 | color(xyz-d65 0.31552 0.41588 0.68654) |
| XYZ D50 | color(xyz-d50 0.30573 0.40953 0.51954) |
| SwiftUI | Color(red: 0.224, green: 0.737, blue: 0.831) |
| UIKit | UIColor(red: 0.224, green: 0.737, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFF39BCD4) |
| Android XML | #39BCD4 |

## 基本情報

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

## ティント

#39bcd4, #57c3d8, #6ecadd, #83d1e1, #96d7e6, #a9deea, #bae5ee, #ccebf2, #ddf2f7, #eef9fb

## シェード

#39bcd4, #30a3b8, #288b9d, #1f7383, #175d69, #104751, #09323a, #041f24, #010d10, #000202

## トーン

#39bcd4, #4dbad0, #5db9cc, #6ab7c7, #75b5c3, #7fb4bf, #89b2bb, #92b0b6, #9aaeb2, #a2acae

## カラーハーモニー

- 補色: #39bcd4, #e88e7b
- 分裂補色: #39bcd4, #e58aa3, #dc9959
- 類似色: #39bcd4, #3ec1b0, #64b2ec
- トライアド: #39bcd4, #d48ec9, #c3a74d
- テトラード: #39bcd4, #91a4f2, #e88e7b, #c3a74d
- スクエア: #39bcd4, #b898e5, #e88e7b, #9cb561
- モノクロマティック: #39bcd4, #007186, #0096ad, #68e3fc, #c5ffff

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

### #39bcd4 は何色ですか？

#39bcd4 は鮮やかな 明るいシアンです。最も近い名前のある色は鮮やかな 明るいシアンです。RGBでは rgb(57, 188, 212)、HSLでは hsl(189.29, 64.32%, 52.75%)、OKLCHでは oklch(73.579% 0.11437 212.741) です。

### #39bcd4 に合う色は？

#39bcd4 の補色は #e88e7b です。落ち着いた組み合わせにするなら、類似色の #3ec1b0 と #64b2ec を使いましょう。トライアドの組み合わせは #d48ec9 と #c3a74d です。

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

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

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

#39bcd4 は寒色系の色です。OKLCHでは色相 213度、明度 73.6%、クロマ 0.114 です。