이름 색상 · #ECCEE5
Sweet Dreams
Sweet Dreams은(는) #ECCEE5: rgb(236 206 229), hsl(314 44% 87%), oklch(0.883 0.045 334). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Sweet Dreams color name →
#ECCEE5
oklch(0.883 0.045 334)
색상 변환
- HEX
- #eccee5
- RGB
- rgb(236 206 229)
- HSL
- hsl(314 44% 87%)
- HWB
- hwb(314 81% 7%)
- OKLCH
- oklch(0.883 0.045 334)
- OKLab
- oklab(0.883 0.041 -0.02)
- CIE Lab
- lab(85.84 13.73 -7.33)
- LCH
- lch(85.84 15.56 331.9)
- CMYK
- cmyk(0% 13% 3% 7%)
틴트 · 셰이드 · 톤
틴트
- EED3E8
- F0D8EA
- F2DDED
- F4E1EF
- F6E6F2
- F8EBF5
- FAF0F7
- FBF5FA
- FDFAFC
셰이드
- CDB3C7
- AF98AA
- 927F8E
- 766672
- 5B4E58
- 42383F
- 292328
- 130F12
- 030203
톤
- E1C6DA
- D6BED0
- CBB6C6
- C0AEBB
- B5A6B1
- AA9EA7
- 9F979D
- 958F93
- 8A888A
색 조화
보색 +180°
- ECCEE5
Sweet Dreams
- C3E2CB
≈ Wishful Green
유사색 -30° +30°
- ECCEE5
Sweet Dreams
- DFD2F1
≈ Japan Blush
- F4CDD5
≈ Lover’s Retreat
삼각 배색 +120° +240°
- ECCEE5
Sweet Dreams
- E2D9B8
≈ Sesame Seed
- B8E1EB
≈ Diminished Blue
분열 보색 +150° +210°
- ECCEE5
Sweet Dreams
- D2DEBE
≈ Green Parlour
- B8E3DC
≈ Festival de Verano
사각 배색 +90° +180° +270°
- ECCEE5
Sweet Dreams
- EED3BA
≈ Creamery
- C3E2CB
≈ Wishful Green
- C0DDF5
≈ Greek Isles
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.52:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.52:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--sweet-dreams: #eccee5;
--sweet-dreams-rgb: 236 206 229;
--sweet-dreams-oklch: oklch(0.883 0.045 334);
}
.element {
color: var(--sweet-dreams);
background-color: hsl(314 44% 87%);
border-color: oklch(0.883 0.045 334);
}Tailwind CSS v4
@theme {
--color-sweet-dreams: #eccee5;
--color-sweet-dreams-50: #fef1fa;
--color-sweet-dreams-100: #f2e2ee;
--color-sweet-dreams-200: #e1cddc;
--color-sweet-dreams-300: #c7afc0;
--color-sweet-dreams-400: #b095aa;
--color-sweet-dreams-500: #997b93;
--color-sweet-dreams-600: #82687c;
--color-sweet-dreams-700: #685363;
--color-sweet-dreams-800: #4c3d49;
--color-sweet-dreams-900: #352a33;
--color-sweet-dreams-950: #20171f;
}SCSS
$sweet-dreams: #eccee5;
$sweet-dreams-rgb: 236, 206, 229;
$sweet-dreams-light: mix(#fff, $sweet-dreams, 20%);
$sweet-dreams-dark: mix(#000, $sweet-dreams, 20%);
.element {
color: $sweet-dreams;
box-shadow: 0 0 0 2px rgba($sweet-dreams, 0.35);
}