# カラーコード #3ca07e：鮮やかな エメラルド

#3ca07e はRGBで rgb(60, 160, 126)、OKLCHで oklch(63.787% 0.10667 167.187) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/3ca07e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #3ca07e |
| RGB | rgb(60, 160, 126) |
| HSL | hsl(159.6, 45.45%, 43.14%) |
| HSB / HSV | hsv(159.6 62.5% 62.75%) |
| HWB | hwb(159.6 23.53% 37.25%) |
| CMYK | cmyk(62% 0% 21% 37%) |
| Lab | lab(59.41 -36.69 8.79) |
| LCH | lch(59.41 37.72 166.53) |
| OKLab | oklab(63.787% -0.10402 0.02366) |
| OKLCH | oklch(63.787% 0.10667 167.187) |
| Display P3 | color(display-p3 0.34847 0.61915 0.50231) |
| Rec. 2020 | color(rec2020 0.37321 0.56705 0.4552) |
| Adobe RGB | color(a98-rgb 0.39884 0.62165 0.49661) |
| ProPhoto RGB | color(prophoto-rgb 0.3728 0.52856 0.43412) |
| 線形sRGB | color(srgb-linear 0.04519 0.35153 0.20864) |
| XYZ D65 | color(xyz-d65 0.18199 0.27608 0.24109) |
| XYZ D50 | color(xyz-d50 0.18495 0.27471 0.18374) |
| SwiftUI | Color(red: 0.235, green: 0.627, blue: 0.494) |
| UIKit | UIColor(red: 0.235, green: 0.627, blue: 0.494, alpha: 1) |
| Flutter / Compose | Color(0xFF3CA07E) |
| Android XML | #3CA07E |

## 基本情報

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

## ティント

#3ca07e, #54a98a, #6ab397, #7dbca3, #91c6b0, #a3cfbd, #b6d9ca, #c8e2d7, #daece4, #edf5f1

## シェード

#3ca07e, #338b6d, #2a765c, #21614c, #194e3c, #113b2d, #0a291f, #041911, #010905, #000101

## トーン

#3ca07e, #499e7f, #539c81, #5c9a82, #649883, #6c9685, #739486, #7a9287, #809089, #868e8a

## カラーハーモニー

- 補色: #3ca07e, #ba7098
- 分裂補色: #3ca07e, #a676b6, #c46f74
- 類似色: #3ca07e, #6c9b59, #0e9fa2
- トライアド: #3ca07e, #8781c9, #c07651
- テトラード: #3ca07e, #3298be, #ba7098, #c07651
- スクエア: #3ca07e, #618dcc, #ba7098, #b08238
- モノクロマティック: #3ca07e, #00583b, #007b5b, #65c6a2, #8deec8

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

### #3ca07e は何色ですか？

#3ca07e は鮮やかな エメラルドです。最も近い名前のある色は鮮やかな エメラルドです。RGBでは rgb(60, 160, 126)、HSLでは hsl(159.6, 45.45%, 43.14%)、OKLCHでは oklch(63.787% 0.10667 167.187) です。

### #3ca07e に合う色は？

#3ca07e の補色は #ba7098 です。落ち着いた組み合わせにするなら、類似色の #6c9b59 と #0e9fa2 を使いましょう。トライアドの組み合わせは #8781c9 と #c07651 です。

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

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

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

#3ca07e は寒色系の色です。OKLCHでは色相 167度、明度 63.8%、クロマ 0.107 です。