色名 · #DFE2E7

White Iris

White Irisは#DFE2E7：rgb(223 226 231)、hsl(218 14% 89%)、oklch(0.912 0.008 260.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

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

#DFE2E7

oklch(0.912 0.008 260.7)

カラー変換

HEX: #dfe2e7
RGB: rgb(223 226 231)
HSL: hsl(218 14% 89%)
HWB: hwb(218 87% 9%)
OKLCH: oklch(0.912 0.008 260.7)
OKLab: oklab(0.912 -0.001 -0.007)
CIE Lab: lab(89.76 -0.36 -2.82)
LCH: lch(89.76 2.84 262.7)
CMYK: cmyk(3% 2% 0% 9%)

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

ティント

E2E5E9
E5E8EC
E9EBEE
ECEEF1
EFF0F3
F2F3F5
F5F6F8
F9F9FA
FCFCFD

シェード

C2C4C9
A5A8AB
8A8C8F
6F7173
565759
3D3E40
272728
121213
020303

トーン

D5D8DC
CBCED2
C2C4C7
B8BABC
AEB0B2
A5A6A8
9B9C9E
929394
89898A

カラーハーモニー

補色 +180°

DFE2E7
White Iris
E4E1DC
≈ Freshwater Pearls

類似色 -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 {
  --white-iris: #dfe2e7;
  --white-iris-rgb: 223 226 231;
  --white-iris-oklch: oklch(0.912 0.008 260.7);
}

.element {
  color: var(--white-iris);
  background-color: hsl(218 14% 89%);
  border-color: oklch(0.912 0.008 260.7);
}

Tailwind CSS v4

@theme {
  --color-white-iris: #dfe2e7;
  --color-white-iris-50: #f4f5f7;
  --color-white-iris-100: #e6e8ea;
  --color-white-iris-200: #d2d4d7;
  --color-white-iris-300: #b5b7bb;
  --color-white-iris-400: #9c9ea3;
  --color-white-iris-500: #83868b;
  --color-white-iris-600: #6f7276;
  --color-white-iris-700: #595b5e;
  --color-white-iris-800: #414245;
  --color-white-iris-900: #2d2e30;
  --color-white-iris-950: #1a1b1c;
}

SCSS

$white-iris: #dfe2e7;
$white-iris-rgb: 223, 226, 231;
$white-iris-light: mix(#fff, $white-iris, 20%);
$white-iris-dark: mix(#000, $white-iris, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

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