이름 색상 · #E9EBE7
Ceiling Bright White
Ceiling Bright White은(는) #E9EBE7: rgb(233 235 231), hsl(90 9% 91%), oklch(0.937 0.006 128.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Ceiling Bright White color name →
#E9EBE7
oklch(0.937 0.006 128.5)
색상 변환
- HEX
- #e9ebe7
- RGB
- rgb(233 235 231)
- HSL
- hsl(90 9% 91%)
- HWB
- hwb(90 91% 8%)
- OKLCH
- oklch(0.937 0.006 128.5)
- OKLab
- oklab(0.937 -0.004 0.004)
- CIE Lab
- lab(92.81 -1.22 1.7)
- LCH
- lch(92.81 2.09 125.7)
- CMYK
- cmyk(1% 0% 2% 8%)
틴트 · 셰이드 · 톤
틴트
- EBEDE9
- EDEFEC
- F0F1EE
- F2F3F1
- F4F5F3
- F6F7F5
- F8F9F8
- FBFBFA
- FDFDFD
셰이드
- CBCCC9
- ADAEAB
- 90918F
- 747573
- 5A5B59
- 414140
- 292928
- 131313
- 030303
톤
- DEE0DC
- D3D5D2
- C8CAC7
- BEBFBC
- B3B4B2
- A9A9A8
- 9E9F9E
- 949494
- 8A8A8A
색 조화
보색 +180°
- E9EBE7
Ceiling Bright White
- EBE9ED
≈ Dried Lavender
유사색 -30° +30°
- E9EBE7
Ceiling Bright White
- EBEAE6
≈ Blanco
- E7EBE9
≈ Windy Sky
삼각 배색 +120° +240°
- E9EBE7
Ceiling Bright White
- E7EBEE
≈ Lavendar Wisp
- EEE9E9
≈ Melodic White
분열 보색 +150° +210°
- E9EBE7
Ceiling Bright White
- E9EAEE
≈ Lavendar Wisp
- EDE9EB
≈ Eyes White Shut
사각 배색 +90° +180° +270°
- E9EBE7
Ceiling Bright White
- E6EBED
≈ Blizzard
- EBE9ED
≈ Dried Lavender
- EEE9E7
≈ Holy Ghost
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.19:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.50:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.50:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--ceiling-bright-white: #e9ebe7;
--ceiling-bright-white-rgb: 233 235 231;
--ceiling-bright-white-oklch: oklch(0.937 0.006 128.5);
}
.element {
color: var(--ceiling-bright-white);
background-color: hsl(90 9% 91%);
border-color: oklch(0.937 0.006 128.5);
}Tailwind CSS v4
@theme {
--color-ceiling-bright-white: #e9ebe7;
--color-ceiling-bright-white-50: #f4f5f4;
--color-ceiling-bright-white-100: #e7e8e6;
--color-ceiling-bright-white-200: #d3d5d2;
--color-ceiling-bright-white-300: #b6b8b5;
--color-ceiling-bright-white-400: #9d9f9b;
--color-ceiling-bright-white-500: #858783;
--color-ceiling-bright-white-600: #70726f;
--color-ceiling-bright-white-700: #5a5b59;
--color-ceiling-bright-white-800: #424341;
--color-ceiling-bright-white-900: #2d2e2c;
--color-ceiling-bright-white-950: #1a1b1a;
}SCSS
$ceiling-bright-white: #e9ebe7;
$ceiling-bright-white-rgb: 233, 235, 231;
$ceiling-bright-white-light: mix(#fff, $ceiling-bright-white, 20%);
$ceiling-bright-white-dark: mix(#000, $ceiling-bright-white, 20%);
.element {
color: $ceiling-bright-white;
box-shadow: 0 0 0 2px rgba($ceiling-bright-white, 0.35);
}