色名 · #C2DDD3

Tierra Del Fuego Sea Green

Tierra Del Fuego Sea Greenは#C2DDD3：rgb(194 221 211)、hsl(158 28% 81%)、oklch(0.875 0.032 171.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Tierra Del Fuego Sea Green color name →

#C2DDD3

oklch(0.875 0.032 171.3)

カラー変換

HEX: #c2ddd3
RGB: rgb(194 221 211)
HSL: hsl(158 28% 81%)
HWB: hwb(158 76% 13%)
OKLCH: oklch(0.875 0.032 171.3)
OKLab: oklab(0.875 -0.031 0.005)
CIE Lab: lab(85.9 -10.73 1.74)
LCH: lch(85.9 10.87 170.8)
CMYK: cmyk(12% 0% 5% 13%)

ティント · シェード · トーン

ティント

C8E0D7
CEE4DC
D4E7E0
DAEBE4
E0EEE9
E7F1ED
EDF5F2
F3F8F6
F9FCFB

シェード

A8C0B7
8FA49C
778882
606E69
495551
343D3A
202624
0E1110
020202

トーン

BBD3CA
B5CAC2
AEC0B9
A7B7B1
A1ADA9
9AA4A0
939B98
8D9290
868988

カラーハーモニー

補色 +180°

C2DDD3
Tierra Del Fuego Sea Green
E7CED8
≈ Petit Pink

テトラード +90° +180° +270°

コントラストとアクセシビリティ

白の上

WCAG 1.44:1 · APCA Lc 21

Fail

黒の上

WCAG 14.57:1 · APCA Lc 82

AAA

最適な文字色: #000000

WCAG 14.57:1 (AAA) · APCA Lc 82

Contrast pairs

コードスニペット

CSS

:root {
  --tierra-del-fuego-sea-green: #c2ddd3;
  --tierra-del-fuego-sea-green-rgb: 194 221 211;
  --tierra-del-fuego-sea-green-oklch: oklch(0.875 0.032 171.3);
}

.element {
  color: var(--tierra-del-fuego-sea-green);
  background-color: hsl(158 28% 81%);
  border-color: oklch(0.875 0.032 171.3);
}

Tailwind CSS v4

@theme {
  --color-tierra-del-fuego-sea-green: #c2ddd3;
  --color-tierra-del-fuego-sea-green-50: #edf8f4;
  --color-tierra-del-fuego-sea-green-100: #deece7;
  --color-tierra-del-fuego-sea-green-200: #c7d9d3;
  --color-tierra-del-fuego-sea-green-300: #a8bdb6;
  --color-tierra-del-fuego-sea-green-400: #8ca59c;
  --color-tierra-del-fuego-sea-green-500: #728d83;
  --color-tierra-del-fuego-sea-green-600: #60786f;
  --color-tierra-del-fuego-sea-green-700: #4d6059;
  --color-tierra-del-fuego-sea-green-800: #384640;
  --color-tierra-del-fuego-sea-green-900: #26302c;
  --color-tierra-del-fuego-sea-green-950: #151d19;
}

SCSS

$tierra-del-fuego-sea-green: #c2ddd3;
$tierra-del-fuego-sea-green-rgb: 194, 221, 211;
$tierra-del-fuego-sea-green-light: mix(#fff, $tierra-del-fuego-sea-green, 20%);
$tierra-del-fuego-sea-green-dark: mix(#000, $tierra-del-fuego-sea-green, 20%);

.element {
  color: $tierra-del-fuego-sea-green;
  box-shadow: 0 0 0 2px rgba($tierra-del-fuego-sea-green, 0.35);
}

近い色名

Palettes with similar colors

ツールで開く

ピッカーペアコントラストチェッカー Studio JSON API