이름 색상 · #DCE7E5
Starburst
Starburst은(는) #DCE7E5: rgb(220 231 229), hsl(169 19% 88%), oklch(0.919 0.012 184.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Starburst color name →
#DCE7E5
oklch(0.919 0.012 184.1)
색상 변환
- HEX
- #dce7e5
- RGB
- rgb(220 231 229)
- HSL
- hsl(169 19% 88%)
- HWB
- hwb(169 86% 9%)
- OKLCH
- oklch(0.919 0.012 184.1)
- OKLab
- oklab(0.919 -0.012 -0.001)
- CIE Lab
- lab(90.76 -4.07 -0.36)
- LCH
- lch(90.76 4.09 185.1)
- CMYK
- cmyk(5% 0% 1% 9%)
틴트 · 셰이드 · 톤
틴트
- DFE9E8
- E3ECEA
- E6EEED
- EAF1EF
- EDF3F2
- F1F5F5
- F4F8F7
- F8FAFA
- FBFDFC
셰이드
- BFC9C7
- A3ABAA
- 888F8E
- 6E7372
- 545958
- 3C403F
- 262828
- 111312
- 020303
톤
- D2DCDA
- C9D2D0
- BFC7C6
- B6BCBB
- ADB2B1
- A4A8A7
- 9B9E9D
- 929493
- 898A8A
색 조화
보색 +180°
- DCE7E5
Starburst
- ECE1E3
≈ Barely Rose
유사색 -30° +30°
- DCE7E5
Starburst
- DEE7E1
≈ Pirate Coast
- DCE6E9
≈ Airy
삼각 배색 +120° +240°
- DCE7E5
Starburst
- E6E2EB
≈ Soft Iris
- EAE3DC
≈ Fuzzy Unicorn
분열 보색 +150° +210°
- DCE7E5
Starburst
- EAE1E8
≈ Violet Vogue
- ECE2DF
≈ Patient White
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.26:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.60:1 · APCA Lc 91
가장 좋은 글자색: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--starburst: #dce7e5;
--starburst-rgb: 220 231 229;
--starburst-oklch: oklch(0.919 0.012 184.1);
}
.element {
color: var(--starburst);
background-color: hsl(169 19% 88%);
border-color: oklch(0.919 0.012 184.1);
}Tailwind CSS v4
@theme {
--color-starburst: #dce7e5;
--color-starburst-50: #f1f6f5;
--color-starburst-100: #e4e9e8;
--color-starburst-200: #cfd6d5;
--color-starburst-300: #b1b9b8;
--color-starburst-400: #97a19f;
--color-starburst-500: #7e8987;
--color-starburst-600: #6b7472;
--color-starburst-700: #555d5b;
--color-starburst-800: #3e4443;
--color-starburst-900: #2b2f2e;
--color-starburst-950: #181b1b;
}SCSS
$starburst: #dce7e5;
$starburst-rgb: 220, 231, 229;
$starburst-light: mix(#fff, $starburst, 20%);
$starburst-dark: mix(#000, $starburst, 20%);
.element {
color: $starburst;
box-shadow: 0 0 0 2px rgba($starburst, 0.35);
}