#11AFAC

#11AFAC

カラー値

HEX

#11AFAC

RGB

17, 175, 172

HSL

178.9, 82.3%, 37.6%

HSV

178.9, 90.3%, 68.6%

CMYK

90.3%, 0.0%, 1.7%, 31.4%

OKLCH

0.6827 0.1148 192.6

プロパティ

寒色 明るい 最も近い： lightseagreen

色彩心理学

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.

カラーハーモニー

補色

#11AFAC

#AF1114

類似色

#11AF5D

#1163AF

#11AFAC

トライアド

#11AFAC

#AC11AF

#AFAC11

スプリット補色

#11AFAC

#AF1163

#AF5D11

テトラード

#11AFAC

#5D11AF

#AF1114

#63AF11

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

オリジナル

#11AFAC

第1色覚異常

#5557AD

第2色覚異常

#4C40AD

第3色覚異常

#19ADAD

全色盲

#8D8D8D

CSS使用法

background-color: #11AFAC;
color: #11AFAC;
border-color: #11AFAC;
最も近いTailwind： Teal 500 #14B8A6

Tailwindシェード

50
#F2FDFD
100
#E1FAF9
200
#BEF9F8
300
#8FF4F2
400
#53EEEB
500
#17E8E5
600
#12BAB7
700
#0E9592
800
#0B7472
900
#0D5453
950
#083534

コントラストチェッカー

白背景のテキスト

2.71:1

AA Fail AAA Fail

黒背景のテキスト

7.75:1

AA Pass AAA Pass

比較する

#11AFAC
#AF1114
#11AFAC
#FFFFFF
#000000
#11AFAC

関連記事

チュートリアル

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 #11AFAC?

RGB(17, 175, 172) · HSL(178.9, 82.3%, 37.6%) · CMYK(90.3%, 0.0%, 1.7%, 31.4%)

Does #11AFAC meet WCAG contrast on white?

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

What text color is readable on #11AFAC?

Use 000000 text on a #11AFAC background; contrast on black is 7.75:1.