# カラーコード #348b65：鮮やかな エメラルド

#348b65 はRGBで rgb(52, 139, 101)、OKLCHで oklch(57.367% 0.10264 161.504) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/348b65

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #348b65 |
| RGB | rgb(52, 139, 101) |
| HSL | hsl(153.79, 45.55%, 37.45%) |
| HSB / HSV | hsv(153.79 62.59% 54.51%) |
| HWB | hwb(153.79 20.39% 45.49%) |
| CMYK | cmyk(63% 0% 27% 45%) |
| Lab | lab(51.91 -34.35 12.35) |
| LCH | lch(51.91 36.5 160.22) |
| OKLab | oklab(57.367% -0.09733 0.03256) |
| OKLCH | oklch(57.367% 0.10264 161.504) |
| Display P3 | color(display-p3 0.30169 0.53784 0.40692) |
| Rec. 2020 | color(rec2020 0.31148 0.48044 0.35427) |
| Adobe RGB | color(a98-rgb 0.34795 0.54026 0.40286) |
| ProPhoto RGB | color(prophoto-rgb 0.31035 0.44471 0.3402) |
| 線形sRGB | color(srgb-linear 0.03434 0.25818 0.13014) |
| XYZ D65 | color(xyz-d65 0.12997 0.20134 0.15514) |
| XYZ D50 | color(xyz-d50 0.13303 0.20062 0.11847) |
| SwiftUI | Color(red: 0.204, green: 0.545, blue: 0.396) |
| UIKit | UIColor(red: 0.204, green: 0.545, blue: 0.396, alpha: 1) |
| Flutter / Compose | Color(0xFF348B65) |
| Android XML | #348B65 |

## 基本情報

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

## ティント

#348b65, #4c9673, #62a282, #76ad91, #8ab9a0, #9dc4af, #b1d0bf, #c4dccf, #d8e7df, #ebf3ef

## シェード

#348b65, #2c7857, #246649, #1c543c, #15432f, #0e3222, #072317, #03140c, #010703, #000100

## トーン

#348b65, #3f8967, #488869, #50866b, #57846d, #5d826f, #638071, #697e73, #6e7c75, #737a76

## カラーハーモニー

- 補色: #348b65, #a15f8a
- 分裂補色: #348b65, #8c66a5, #ac5d69
- 類似色: #348b65, #628542, #008b87
- トライアド: #348b65, #6f70b3, #ab6247
- テトラード: #348b65, #0f85a3, #a15f8a, #ab6247
- スクエア: #348b65, #487cb3, #a15f8a, #9e6d2a
- モノクロマティック: #348b65, #004525, #006744, #5cb088, #82d7ad

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

### #348b65 は何色ですか？

#348b65 は鮮やかな エメラルドです。最も近い名前のある色は鮮やかな エメラルドです。RGBでは rgb(52, 139, 101)、HSLでは hsl(153.79, 45.55%, 37.45%)、OKLCHでは oklch(57.367% 0.10264 161.504) です。

### #348b65 に合う色は？

#348b65 の補色は #a15f8a です。落ち着いた組み合わせにするなら、類似色の #628542 と #008b87 を使いましょう。トライアドの組み合わせは #6f70b3 と #ab6247 です。

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

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

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

#348b65 は寒色系の色です。OKLCHでは色相 162度、明度 57.4%、クロマ 0.103 です。