# カラーコード #2893ae：鮮やかな 空色

#2893ae はRGBで rgb(40, 147, 174)、OKLCHで oklch(61.647% 0.10052 219.034) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/2893ae

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #2893ae |
| RGB | rgb(40, 147, 174) |
| HSL | hsl(192.09, 62.62%, 41.96%) |
| HSB / HSV | hsv(192.09 77.01% 68.24%) |
| HWB | hwb(192.09 15.69% 31.76%) |
| CMYK | cmyk(77% 16% 0% 32%) |
| Lab | lab(56.04 -23.62 -23.27) |
| LCH | lch(56.04 33.16 224.58) |
| OKLab | oklab(61.647% -0.07808 -0.06331) |
| OKLCH | oklch(61.647% 0.10052 219.034) |
| Display P3 | color(display-p3 0.29182 0.5683 0.67032) |
| Rec. 2020 | color(rec2020 0.33615 0.51519 0.63272) |
| Adobe RGB | color(a98-rgb 0.34825 0.57115 0.67248) |
| ProPhoto RGB | color(prophoto-rgb 0.37005 0.48203 0.60191) |
| 線形sRGB | color(srgb-linear 0.02122 0.29177 0.42327) |
| XYZ D65 | color(xyz-d65 0.18947 0.24373 0.43752) |
| XYZ D50 | color(xyz-d50 0.18219 0.23955 0.33088) |
| SwiftUI | Color(red: 0.157, green: 0.576, blue: 0.682) |
| UIKit | UIColor(red: 0.157, green: 0.576, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF2893AE) |
| Android XML | #2893AE |

## 基本情報

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

## ティント

#2893ae, #469eb6, #5ea8be, #74b3c6, #89bece, #9dc9d7, #b0d4df, #c4dee7, #d8e9ef, #ebf4f7

## シェード

#2893ae, #217f97, #1b6c80, #15596a, #0f4755, #093641, #04252e, #02161c, #01080b, #000101

## トーン

#2893ae, #3992aa, #4691a6, #518fa2, #5a8e9e, #638d9a, #6a8b96, #728a92, #78888d, #7f8789

## カラーハーモニー

- 補色: #2893ae, #b86f57
- 分裂補色: #2893ae, #b96a78, #ac793c
- 類似色: #2893ae, #1e9891, #528abf
- トライアド: #2893ae, #ad6d99, #948637
- テトラード: #2893ae, #787ec1, #b86f57, #948637
- スクエア: #2893ae, #9774b3, #b86f57, #72914d
- モノクロマティック: #2893ae, #004b61, #006f89, #55b9d5, #7ee0fd

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

### #2893ae は何色ですか？

#2893ae は鮮やかな 空色です。最も近い名前のある色は鮮やかな 空色です。RGBでは rgb(40, 147, 174)、HSLでは hsl(192.09, 62.62%, 41.96%)、OKLCHでは oklch(61.647% 0.10052 219.034) です。

### #2893ae に合う色は？

#2893ae の補色は #b86f57 です。落ち着いた組み合わせにするなら、類似色の #1e9891 と #528abf を使いましょう。トライアドの組み合わせは #ad6d99 と #948637 です。

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

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

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

#2893ae は寒色系の色です。OKLCHでは色相 219度、明度 61.6%、クロマ 0.101 です。