セノーテブルー

Cenote Blue

中南米の伝統色 青系 古代マヤ文明

広色域(Display P3)比較

sRGB(従来のWeb標準)

#1A8A8A

Display P3(広色域)

color(display-p3 0.256744 0.533186 0.537031)

意味と歴史

由来

メキシコのユカタン半島に見られる、石灰岩の陥没により地下水が露出した天然の泉「セノーテ」に由来する。その名称は、現地のユカテコ・マヤ語で「アクセス可能な地下水のある場所」を意味する「tsʼonoʼot」という言葉から来ている。

出典(1件)

歴史

セノーテは古代マヤ人によって水源として、また時には生贄を捧げる儀式の場として一般的に利用されていた。この用語は当初ユカタン半島の地形のみを指していたが、後にキューバやオーストラリアなど他の地域の類似したカルスト地形にも使われるようになった。

出典(1件)

伝統的な用途

古代マヤ人はセノーテを生活に不可欠な水源として利用した。また、時には生贄を捧げる儀式の場としても使用された。現代では、その広大な水中洞窟を探検するケーブダイビングの場所としてダイバーを魅了している。

出典(1件)

CSSコード

HEX

#1A8A8A

RGB

rgb(26, 138, 138)

CMYK

cmyk(81.16%, 0%, 0%, 45.88%)

HSV

hsv(180, 81.16%, 54.12%)

OKLCH

oklch(57.62% 0.0927 194.89)

Display P3

color(display-p3 0.256744 0.533186 0.537031)

Munsell

CIE XYZ

XYZ(0.141, 0.2023, 0.27201)

CIE L*a*b*

Lab(52.096009, -28.833051, -8.555392)

CIE LCH(ab)

LCH(52.096009, 30.075564, 196.526766°)

CIE L*u*v*

Luv(52.096009, -38.292915, -8.261015)

Hunter Lab

Hunter Lab(44.97752, -0.206747, -0.070836)

xyY

xyY(0.229149, 0.328774, 0.2023)

JzAzBz

JzAzBz(0.013287, -0.005243, -0.002493)

JzCzHz

JzCzHz(0.013287, 0.005805, 205.430383°)

フォールバック付きCSS

.element {
  /* sRGBフォールバック */
  background-color: #1A8A8A;
  background-color: oklch(57.62% 0.0927 194.89);
}

@media (color-gamut: p3) {
  .element {
    background-color: color(display-p3 0.256744 0.533186 0.537031);
  }
}

コントラストチェッカー

WCAG 2.1 基準に基づくコントラスト比を表示します。

サンプル

白背景

4.16:1

AA Fail AAA Fail
AA大文字 Pass
サンプル

黒背景

5.05:1

AA Pass AAA Fail
AA大文字 Pass
サンプル

白文字

4.16:1

AA Fail AAA Fail
AA大文字 Pass
サンプル

黒文字

5.05:1

AA Pass AAA Fail
AA大文字 Pass

配色シミュレーター

この色を背景やテキストに使用した場合のプレビューです。

背景色として使用

白テキスト — The quick brown fox

黒テキスト — The quick brown fox

色の上にテキストを配置した場合の可読性を確認できます。見出し・本文・リンクなど、さまざまなサイズで試してみてください。

テキスト色として使用

白背景 — 見出しテキスト

本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.

黒背景 — 見出しテキスト

本文テキストのサンプルです。The quick brown fox jumps over the lazy dog.

UIコンポーネントでの使用例
バッジ

色覚シミュレーション

P型(1型)

赤色の感度が低下

#80838A

D型(2型)

緑色の感度が低下

#71778B

T型(3型)

青色の感度が低下

#008F8A

配色提案

この配色はマヤ・アステカの宇宙観に基づく色彩体系と、アンデス織物の伝統的な配色パターンを参照しています。

補色

Complementary

色相環の反対側に位置する色。最も強いコントラストを生む

#1A8A8A
#FFFFFF

類似色

Analogous

色相が近い色の組み合わせ。自然で調和的な印象を与える

#1A8A8A
#FFFFFF
#FFFFFF

トライアド

Triadic

色相環を三等分する配色。活力がありバランスの良い組み合わせ

#1A8A8A
#FFFFFF
#FFFFFF

スプリットコンプリメンタリー

Split-complementary

補色の両隣を使う配色。補色より柔らかいコントラスト

#1A8A8A
#FFFFFF
#FFFFFF

テトラディック(正方形)

Tetradic (Square)

色相環を四等分する配色。豊かな色彩で華やかな印象

#1A8A8A
#FFFFFF
#FFFFFF
#FFFFFF

テトラディック(長方形)

Tetradic (Rectangle)

二対の補色を組み合わせた配色。多彩ながらまとまりのある配色

#1A8A8A
#FFFFFF
#FFFFFF
#FFFFFF

モノクロマティック

Monochromatic

同じ色相で明度・彩度を変えた配色。統一感のある上品な印象

#1A8A8A
#CCF9F8
#FFFFFF
#B3FFFE

ダブルコンプリメンタリー

Double Complementary

隣り合う二色とその補色による四色配色。複雑で魅力的な配色

#1A8A8A
#FFFFFF
#FFFFFF
#FFFFFF

グラデーション

ティント(明るく)

background: linear-gradient(to right, #1A8A8A, #FFFFFF);
#1A8A8A
#48A1A1
#76B9B9
#A3D0D0
#D1E8E8
#FFFFFF

シェード(暗く)

background: linear-gradient(to right, #1A8A8A, #000000);
#1A8A8A
#156E6E
#105353
#0A3737
#051C1C
#000000

透明へ

background: linear-gradient(to right, #1A8A8A, transparent);

エクスポート

CSS変数
--color-cenote_blue: #1A8A8A;
--color-cenote_blue-rgb: 26, 138, 138;
--color-cenote_blue-oklch: 57.62% 0.0927 194.89;
Sass変数
$color-cenote_blue: #1A8A8A;
$color-cenote_blue-rgb: rgb(26, 138, 138);
$color-cenote_blue-oklch: oklch(57.62% 0.0927 194.89);
Tailwind Config
'cenote_blue': '#1A8A8A',
SwiftUI
Color(red: 0.102, green: 0.541, blue: 0.541)
JSON
{
  "name": {
    "ja": "セノーテブルー",
    "en": "Cenote Blue"
  },
  "hex": "#1A8A8A",
  "rgb": {
    "r": 26,
    "g": 138,
    "b": 138
  },
  "cmyk": {
    "c": 81.16,
    "m": 0,
    "y": 0,
    "k": 45.88
  },
  "oklch": {
    "l": 57.62,
    "c": 0.0927,
    "h": 194.89
  },
  "displayP3": {
    "r": 0.256744,
    "g": 0.533186,
    "b": 0.537031
  },
  "hsv": {
    "h": 180,
    "s": 81.16,
    "v": 54.12
  },
  "munsell": ""
}