이름 색상 · #E0E3EF

Iris Ice

Iris Ice은(는) #E0E3EF: rgb(224 227 239), hsl(228 32% 91%), oklch(0.917 0.017 274.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#E0E3EF

oklch(0.917 0.017 274.8)

색상 변환

HEX: #e0e3ef
RGB: rgb(224 227 239)
HSL: hsl(228 32% 91%)
HWB: hwb(228 88% 6%)
OKLCH: oklch(0.917 0.017 274.8)
OKLab: oklab(0.917 0.001 -0.017)
CIE Lab: lab(90.27 0.62 -6.23)
LCH: lch(90.27 6.26 275.7)
CMYK: cmyk(6% 5% 0% 6%)

틴트 · 셰이드 · 톤

틴트

E3E6F1
E6E9F2
E9EBF4
ECEEF5
EFF1F7
F3F4F9
F6F7FA
F9F9FC
FCFCFD

셰이드

C3C5D0
A6A8B1
8A8C94
707178
56575C
3E3F42
27272A
121214
020303

톤

D6D9E3
CCCED8
C2C4CC
B8BAC1
AFB0B6
A5A6AB
9C9DA0
929395
89898B

색 조화

보색 +180°

E0E3EF
Iris Ice
E7E4D8
≈ Guinea Pig White

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 1.28:1 · APCA Lc 14

Fail

검은색 위

WCAG 16.40:1 · APCA Lc 90

AAA

가장 좋은 글자색: #000000

WCAG 16.40:1 (AAA) · APCA Lc 90

Contrast pairs

코드 스니펫

CSS

:root {
  --iris-ice: #e0e3ef;
  --iris-ice-rgb: 224 227 239;
  --iris-ice-oklch: oklch(0.917 0.017 274.8);
}

.element {
  color: var(--iris-ice);
  background-color: hsl(228 32% 91%);
  border-color: oklch(0.917 0.017 274.8);
}

Tailwind CSS v4

@theme {
  --color-iris-ice: #e0e3ef;
  --color-iris-ice-50: #f4f5fa;
  --color-iris-ice-100: #e6e7ed;
  --color-iris-ice-200: #d2d4db;
  --color-iris-ice-300: #b5b7c0;
  --color-iris-ice-400: #9b9ea9;
  --color-iris-ice-500: #838691;
  --color-iris-ice-600: #6f717b;
  --color-iris-ice-700: #585a62;
  --color-iris-ice-800: #404248;
  --color-iris-ice-900: #2c2e32;
  --color-iris-ice-950: #191a1e;
}

SCSS

$iris-ice: #e0e3ef;
$iris-ice-rgb: 224, 227, 239;
$iris-ice-light: mix(#fff, $iris-ice, 20%);
$iris-ice-dark: mix(#000, $iris-ice, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API