이름 색상 · #E8E8E0

Just About White

Just About White은(는) #E8E8E0: rgb(232 232 224), hsl(60 15% 89%), oklch(0.929 0.011 106.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Just About White color name →

#E8E8E0

oklch(0.929 0.011 106.6)

색상 변환

HEX: #e8e8e0
RGB: rgb(232 232 224)
HSL: hsl(60 15% 89%)
HWB: hwb(60 88% 9%)
OKLCH: oklch(0.929 0.011 106.6)
OKLab: oklab(0.929 -0.003 0.01)
CIE Lab: lab(91.83 -1.04 3.9)
LCH: lch(91.83 4.04 105)
CMYK: cmyk(0% 0% 3% 9%)

틴트 · 셰이드 · 톤

틴트

EAEAE3
EDEDE6
EFEFE9
F1F1EC
F3F3EF
F6F6F3
F8F8F6
FAFAF9
FDFDFC

셰이드

CACAC3
ACACA6
90908A
747470
595956
40403E
292927
131312
030302

톤

DDDDD6
D2D2CC
C8C8C2
BDBDB8
B3B3AF
A8A8A5
9E9E9C
949492
8A8A89

색 조화

보색 +180°

E8E8E0
Just About White
E7E6EE
≈ Cool Frost

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.23:1 · APCA Lc 11

Fail

검은색 위

WCAG 17.05:1 · APCA Lc 93

AAA

가장 좋은 글자색: #000000

WCAG 17.05:1 (AAA) · APCA Lc 93

Contrast pairs

코드 스니펫

CSS

:root {
  --just-about-white: #e8e8e0;
  --just-about-white-rgb: 232 232 224;
  --just-about-white-oklch: oklch(0.929 0.011 106.6);
}

.element {
  color: var(--just-about-white);
  background-color: hsl(60 15% 89%);
  border-color: oklch(0.929 0.011 106.6);
}

Tailwind CSS v4

@theme {
  --color-just-about-white: #e8e8e0;
  --color-just-about-white-50: #f5f5f2;
  --color-just-about-white-100: #e8e8e4;
  --color-just-about-white-200: #d4d5cf;
  --color-just-about-white-300: #b8b8b2;
  --color-just-about-white-400: #9f9f98;
  --color-just-about-white-500: #87877f;
  --color-just-about-white-600: #72726b;
  --color-just-about-white-700: #5b5b56;
  --color-just-about-white-800: #43433e;
  --color-just-about-white-900: #2e2e2b;
  --color-just-about-white-950: #1b1b18;
}

SCSS

$just-about-white: #e8e8e0;
$just-about-white-rgb: 232, 232, 224;
$just-about-white-light: mix(#fff, $just-about-white, 20%);
$just-about-white-dark: mix(#000, $just-about-white, 20%);

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

비슷한 이름 색상

Palettes with this color

Pure Berry Jam CanvasPink · Gray

Palettes with similar colors

도구에서 열기

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