色名 · #D8E4E7

Inuit Blue

Inuit Blueは#D8E4E7：rgb(216 228 231)、hsl(192 24% 88%)、oklch(0.911 0.014 214.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Inuit Blue color name →

#D8E4E7

oklch(0.911 0.014 214.4)

カラー変換

HEX: #d8e4e7
RGB: rgb(216 228 231)
HSL: hsl(192 24% 88%)
HWB: hwb(192 85% 9%)
OKLCH: oklch(0.911 0.014 214.4)
OKLab: oklab(0.911 -0.011 -0.008)
CIE Lab: lab(89.74 -3.73 -2.93)
LCH: lch(89.74 4.74 218.1)
CMYK: cmyk(6% 1% 0% 9%)

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

ティント

DCE7E9
E0E9EC
E4ECEE
E8EFF1
EBF1F3
EFF4F5
F3F7F8
F7FAFA
FBFCFD

シェード

BCC6C9
A0A9AB
858D8F
6B7273
535859
3B3F40
252828
111213
020303

トーン

CFDADC
C6CFD2
BDC5C7
B4BBBC
ABB1B2
A2A7A8
9A9D9E
919394
888A8A

カラーハーモニー

補色 +180°

D8E4E7
Inuit Blue
EADFDC
≈ White Beet

類似色 -30° +30°

トライアド +120° +240°

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

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

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

白の上

WCAG 1.29:1 · APCA Lc 15

Fail

黒の上

WCAG 16.17:1 · APCA Lc 89

AAA

最適な文字色: #000000

WCAG 16.17:1 (AAA) · APCA Lc 89

Contrast pairs

コードスニペット

CSS

:root {
  --inuit-blue: #d8e4e7;
  --inuit-blue-rgb: 216 228 231;
  --inuit-blue-oklch: oklch(0.911 0.014 214.4);
}

.element {
  color: var(--inuit-blue);
  background-color: hsl(192 24% 88%);
  border-color: oklch(0.911 0.014 214.4);
}

Tailwind CSS v4

@theme {
  --color-inuit-blue: #d8e4e7;
  --color-inuit-blue-50: #f1f6f8;
  --color-inuit-blue-100: #e3e9eb;
  --color-inuit-blue-200: #ced6d8;
  --color-inuit-blue-300: #b0b9bc;
  --color-inuit-blue-400: #96a1a3;
  --color-inuit-blue-500: #7d898c;
  --color-inuit-blue-600: #6a7476;
  --color-inuit-blue-700: #545c5f;
  --color-inuit-blue-800: #3d4445;
  --color-inuit-blue-900: #2a2f30;
  --color-inuit-blue-950: #181b1c;
}

SCSS

$inuit-blue: #d8e4e7;
$inuit-blue-rgb: 216, 228, 231;
$inuit-blue-light: mix(#fff, $inuit-blue, 20%);
$inuit-blue-dark: mix(#000, $inuit-blue, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

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