#30786C

#30786C

カラー値

HEX

#30786C

RGB

48, 120, 108

HSL

170.0, 42.9%, 32.9%

HSV

170.0, 60.0%, 47.1%

CMYK

60.0%, 0.0%, 10.0%, 52.9%

OKLCH

0.5237 0.0743 180.6

プロパティ

寒色 暗い 最も近い： Pine Green

色彩心理学

Dark cyans and deep aquas convey depth, reliability, and technical mastery. They carry the trustworthiness of blue with a modern, slightly warmer edge from their green component. These tones suggest specialized expertise and sophisticated engineering.

Design Usage

Dark cyan works for cybersecurity brands, developer platforms, and data infrastructure companies. It creates striking dark-mode accents and terminal-style interfaces that feel technical yet approachable. Pair it with lighter cyan highlights and neutral grays for a layered, depth-rich design system.

カラーハーモニー

補色

#30786C

#78303C

類似色

#307848

#306078

#30786C

トライアド

#30786C

#6C3078

#786C30

スプリット補色

#30786C

#783060

#784830

テトラード

#30786C

#483078

#78303C

#607830

色覚異常シミュレーション

オリジナル

#30786C

第1色覚異常

#4F506F

第2色覚異常

#4B4670

第3色覚異常

#347172

全色盲

#686868

CSS使用法

background-color: #30786C;
color: #30786C;
border-color: #30786C;
最も近いTailwind： Teal 700 #0F766E

Tailwindシェード

50
#F5FAF9
100
#E7F4F1
200
#CCEBE6
300
#A8DCD3
400
#78C9BC
500
#49B6A4
600
#3A9283
700
#2F7569
800
#245B52
900
#1E433D
950
#132A26

コントラストチェッカー

白背景のテキスト

5.21:1

AA Pass AAA Fail

黒背景のテキスト

4.03:1

AA Fail AAA Fail

比較する

#30786C
#78303C
#30786C
#FFFFFF
#000000
#30786C

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #30786C?

RGB(48, 120, 108) · HSL(170.0, 42.9%, 32.9%) · CMYK(60.0%, 0.0%, 10.0%, 52.9%)

Does #30786C meet WCAG contrast on white?

5.21:1 — WCAG AA 合格, AAA 不合格 for normal text.

What text color is readable on #30786C?

Use FFFFFF text on a #30786C background; contrast on black is 4.03:1.