色名 · #E2E3EB

Water Iris

Water Irisは#E2E3EB：rgb(226 227 235)、hsl(233 18% 90%)、oklch(0.917 0.011 280.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Water Iris color name →

#E2E3EB

oklch(0.917 0.011 280.5)

カラー変換

HEX: #e2e3eb
RGB: rgb(226 227 235)
HSL: hsl(233 18% 90%)
HWB: hwb(233 89% 8%)
OKLCH: oklch(0.917 0.011 280.5)
OKLab: oklab(0.917 0.002 -0.011)
CIE Lab: lab(90.33 0.74 -4.03)
LCH: lch(90.33 4.1 280.4)
CMYK: cmyk(4% 3% 0% 8%)

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

ティント

E5E6ED
E8E9EF
EBEBF1
EEEEF3
F0F1F5
F3F4F7
F6F7F9
F9F9FB
FCFCFD

シェード

C4C5CC
A8A8AE
8C8C91
717175
57575B
3E3F41
272729
121213
030303

トーン

D8D9E0
CECED5
C4C4CA
BABABF
B0B0B4
A6A6A9
9C9D9F
939394
89898A

カラーハーモニー

補色 +180°

E2E3EB
Water Iris
E5E4DC
≈ Black White

類似色 -30° +30°

トライアド +120° +240°

スプリットコンプリメンタリー +150° +210°

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

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

白の上

WCAG 1.27:1 · APCA Lc 14

Fail

黒の上

WCAG 16.42:1 · APCA Lc 90

AAA

最適な文字色: #000000

WCAG 16.42:1 (AAA) · APCA Lc 90

Contrast pairs

コードスニペット

CSS

:root {
  --water-iris: #e2e3eb;
  --water-iris-rgb: 226 227 235;
  --water-iris-oklch: oklch(0.917 0.011 280.5);
}

.element {
  color: var(--water-iris);
  background-color: hsl(233 18% 90%);
  border-color: oklch(0.917 0.011 280.5);
}

Tailwind CSS v4

@theme {
  --color-water-iris: #e2e3eb;
  --color-water-iris-50: #f4f5f8;
  --color-water-iris-100: #e7e7eb;
  --color-water-iris-200: #d3d4d9;
  --color-water-iris-300: #b6b7bd;
  --color-water-iris-400: #9d9ea5;
  --color-water-iris-500: #84858d;
  --color-water-iris-600: #707178;
  --color-water-iris-700: #5a5a60;
  --color-water-iris-800: #414246;
  --color-water-iris-900: #2d2e31;
  --color-water-iris-950: #1a1a1d;
}

SCSS

$water-iris: #e2e3eb;
$water-iris-rgb: 226, 227, 235;
$water-iris-light: mix(#fff, $water-iris, 20%);
$water-iris-dark: mix(#000, $water-iris, 20%);

.element {
  color: $water-iris;
  box-shadow: 0 0 0 2px rgba($water-iris, 0.35);
}

近い色名

Palettes with similar colors

ツールで開く

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