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

#43aebb はRGBで rgb(67, 174, 187)、OKLCHで oklch(69.497% 0.09781 206.418) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/43aebb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #43aebb |
| RGB | rgb(67, 174, 187) |
| HSL | hsl(186.5, 47.24%, 49.8%) |
| HSB / HSV | hsv(186.5 64.17% 73.33%) |
| HWB | hwb(186.5 26.27% 26.67%) |
| CMYK | cmyk(64% 7% 0% 27%) |
| Lab | lab(65.44 -28.6 -16.27) |
| LCH | lch(65.44 32.9 209.64) |
| OKLab | oklab(69.497% -0.08759 -0.04352) |
| OKLCH | oklch(69.497% 0.09781 206.418) |
| Display P3 | color(display-p3 0.38307 0.67343 0.72477) |
| Rec. 2020 | color(rec2020 0.42884 0.62752 0.69317) |
| Adobe RGB | color(a98-rgb 0.4355 0.67642 0.7256) |
| ProPhoto RGB | color(prophoto-rgb 0.45183 0.59202 0.66577) |
| 線形sRGB | color(srgb-linear 0.05613 0.42327 0.49693) |
| XYZ D65 | color(xyz-d65 0.26419 0.35052 0.52389) |
| XYZ D50 | color(xyz-d50 0.2586 0.34605 0.39673) |
| SwiftUI | Color(red: 0.263, green: 0.682, blue: 0.733) |
| UIKit | UIColor(red: 0.263, green: 0.682, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF43AEBB) |
| Android XML | #43AEBB |

## 基本情報

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

## ティント

#43aebb, #5bb6c2, #70bec9, #84c6cf, #96cfd6, #a8d7dd, #badfe4, #cbe7ea, #ddeff1, #eef7f8

## シェード

#43aebb, #3997a2, #2f808a, #266a73, #1d555c, #144146, #0c2e32, #051c1f, #010b0d, #000102

## トーン

#43aebb, #51acb8, #5dabb5, #67a9b2, #71a8af, #79a6ac, #81a4a9, #89a2a6, #90a1a3, #969fa0

## カラーハーモニー

- 補色: #43aebb, #d3857c
- 分裂補色: #43aebb, #ce839e, #cb8d5f
- 類似色: #43aebb, #4fb19b, #5ca6d2
- トライアド: #43aebb, #bd87bd, #b89951
- テトラード: #43aebb, #819bda, #d3857c, #b89951
- スクエア: #43aebb, #a290d3, #d3857c, #99a55c
- モノクロマティック: #43aebb, #006571, #048995, #6dd5e2, #96fdff

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

### #43aebb は何色ですか？

#43aebb は鮮やかな シアンです。最も近い名前のある色は鮮やかな シアンです。RGBでは rgb(67, 174, 187)、HSLでは hsl(186.5, 47.24%, 49.8%)、OKLCHでは oklch(69.497% 0.09781 206.418) です。

### #43aebb に合う色は？

#43aebb の補色は #d3857c です。落ち着いた組み合わせにするなら、類似色の #4fb19b と #5ca6d2 を使いましょう。トライアドの組み合わせは #bd87bd と #b89951 です。

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

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

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

#43aebb は寒色系の色です。OKLCHでは色相 206度、明度 69.5%、クロマ 0.098 です。