#507984

#507984

カラー値

HEX

#507984

RGB

80, 121, 132

HSL

192.7, 24.5%, 41.6%

HSV

192.7, 39.4%, 51.8%

CMYK

39.4%, 8.3%, 0.0%, 48.2%

OKLCH

0.5501 0.0486 216.4

プロパティ

寒色 暗い 最も近い： lightskyblue 4

色彩心理学

True cyan sits at the boundary of blue and green in the visible spectrum, projecting futurism, precision, and digital innovation. It is a primary color in CMYK printing and RGB displays, giving it a distinctly technological identity. Cyan suggests cutting-edge thinking and clear communication.

Design Usage

Medium cyan is a staple in tech branding, cloud computing services, and developer tools. It works well for interactive elements, link hover states, and data visualization highlights. Because cyan is highly saturated, use it as an accent rather than a dominant color to avoid visual strain.

カラーハーモニー

補色

#507984

#845B50

類似色

#508475

#505F84

#507984

トライアド

#507984

#845079

#798450

スプリット補色

#507984

#84505F

#847550

テトラード

#507984

#755084

#845B50

#5F8450

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

オリジナル

#507984

第1色覚異常

#626281

第2色覚異常

#5F5C81

第3色覚異常

#527F7F

全色盲

#717171

CSS使用法

background-color: #507984;
color: #507984;
border-color: #507984;
最も近いTailwind： Slate 500 #64748B

Tailwindシェード

50
#F6F8F9
100
#E9EFF1
200
#D3E0E4
300
#B3CAD1
400
#8AAEB8
500
#60929F
600
#4D747F
700
#3E5D66
800
#30494F
900
#26373B
950
#182225

コントラストチェッカー

白背景のテキスト

4.76:1

AA Pass AAA Fail

黒背景のテキスト

4.41:1

AA Fail AAA Fail

比較する

#507984
#845B50
#507984
#FFFFFF
#000000
#507984

関連記事

チュートリアル

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 #507984?

RGB(80, 121, 132) · HSL(192.7, 24.5%, 41.6%) · CMYK(39.4%, 8.3%, 0.0%, 48.2%)

Does #507984 meet WCAG contrast on white?

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

What text color is readable on #507984?

Use FFFFFF text on a #507984 background; contrast on black is 4.41:1.