이름 색상 · #EEE9F9
Bright Dusk
Bright Dusk은(는) #EEE9F9: rgb(238 233 249), hsl(259 57% 95%), oklch(0.943 0.022 300.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Bright Dusk color name →
#EEE9F9
oklch(0.943 0.022 300.2)
색상 변환
- HEX
- #eee9f9
- RGB
- rgb(238 233 249)
- HSL
- hsl(259 57% 95%)
- HWB
- hwb(259 91% 2%)
- OKLCH
- oklch(0.943 0.022 300.2)
- OKLab
- oklab(0.943 0.011 -0.019)
- CIE Lab
- lab(93.09 3.9 -7.14)
- LCH
- lch(93.09 8.13 298.6)
- CMYK
- cmyk(4% 6% 0% 2%)
틴트 · 셰이드 · 톤
틴트
- F0EBFA
- F1EDFA
- F3F0FB
- F5F2FB
- F6F4FC
- F8F6FD
- FAF8FD
- FCFBFE
- FDFDFE
셰이드
- CFCBD9
- B1ADB9
- 93909A
- 77747D
- 5C5A61
- 424146
- 2A292C
- 141315
- 030303
톤
- E2DEEC
- D7D3E0
- CCC8D3
- C1BEC7
- B5B3BB
- AAA9AF
- A09EA3
- 959497
- 8A8A8B
색 조화
보색 +180°
- EEE9F9
Bright Dusk
- EAEEDE
≈ Mental Note
유사색 -30° +30°
- EEE9F9
Bright Dusk
- E6ECFB
≈ Brilliant White
- F5E7F3
≈ Cherry Pearl
삼각 배색 +120° +240°
- EEE9F9
Bright Dusk
- F8E9DE
≈ Chardon
- DDF1EC
≈ Paradise
분열 보색 +150° +210°
- EEE9F9
Bright Dusk
- F2ECDC
≈ Spun Cotton
- E2F0E4
≈ Molly Green
사각 배색 +90° +180° +270°
- EEE9F9
Bright Dusk
- FBE7E3
≈ Blackbird’s Egg
- EAEEDE
≈ Mental Note
- DCF0F4
≈ Let It Snow
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.18:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.65:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.65:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--bright-dusk: #eee9f9;
--bright-dusk-rgb: 238 233 249;
--bright-dusk-oklch: oklch(0.943 0.022 300.2);
}
.element {
color: var(--bright-dusk);
background-color: hsl(259 57% 95%);
border-color: oklch(0.943 0.022 300.2);
}Tailwind CSS v4
@theme {
--color-bright-dusk: #eee9f9;
--color-bright-dusk-50: #f6f4fa;
--color-bright-dusk-100: #e9e6ee;
--color-bright-dusk-200: #d6d2dc;
--color-bright-dusk-300: #b9b5c1;
--color-bright-dusk-400: #a09caa;
--color-bright-dusk-500: #888393;
--color-bright-dusk-600: #736f7c;
--color-bright-dusk-700: #5c5963;
--color-bright-dusk-800: #434149;
--color-bright-dusk-900: #2e2d33;
--color-bright-dusk-950: #1b1a1e;
}SCSS
$bright-dusk: #eee9f9;
$bright-dusk-rgb: 238, 233, 249;
$bright-dusk-light: mix(#fff, $bright-dusk, 20%);
$bright-dusk-dark: mix(#000, $bright-dusk, 20%);
.element {
color: $bright-dusk;
box-shadow: 0 0 0 2px rgba($bright-dusk, 0.35);
}