이름 색상 · #ECE3CF
Double Scoop
Double Scoop은(는) #ECE3CF: rgb(236 227 207), hsl(41 43% 87%), oklch(0.918 0.028 86.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Double Scoop color name →
#ECE3CF
oklch(0.918 0.028 86.6)
색상 변환
- HEX
- #ece3cf
- RGB
- rgb(236 227 207)
- HSL
- hsl(41 43% 87%)
- HWB
- hwb(41 81% 7%)
- OKLCH
- oklch(0.918 0.028 86.6)
- OKLab
- oklab(0.918 0.002 0.028)
- CIE Lab
- lab(90.56 0.71 10.96)
- LCH
- lch(90.56 10.98 86.3)
- CMYK
- cmyk(0% 4% 12% 7%)
틴트 · 셰이드 · 톤
틴트
- EEE6D4
- F0E9D9
- F2EBDD
- F4EEE2
- F5F1E7
- F7F4EC
- F9F7F1
- FBF9F5
- FDFCFA
셰이드
- CDC5B4
- AFA899
- 928C7F
- 767167
- 5B574F
- 423F38
- 292723
- 131210
- 030302
톤
- E1D9C7
- D5CEBF
- CAC4B7
- BFBAAF
- B4B0A7
- AAA69F
- 9F9D97
- 95938F
- 8A8988
색 조화
보색 +180°
- ECE3CF
Double Scoop
- DBE4F7
≈ Aquarelle Purple
유사색 -30° +30°
- ECE3CF
Double Scoop
- F3E0D2
≈ Posy
- E2E7D2
≈ Just About Green
삼각 배색 +120° +240°
- ECE3CF
Double Scoop
- CFEAED
≈ Castle in the Sky
- EEDEEE
≈ Divine Dove
분열 보색 +150° +210°
- ECE3CF
Double Scoop
- D3E7F5
≈ Freezing Vapour
- E5E0F5
≈ Lingering Lilac
사각 배색 +90° +180° +270°
- ECE3CF
Double Scoop
- D1EAE3
≈ Icy Glacier
- DBE4F7
≈ Aquarelle Purple
- F5DCE4
≈ Ranunculus White
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.45:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--double-scoop: #ece3cf;
--double-scoop-rgb: 236 227 207;
--double-scoop-oklch: oklch(0.918 0.028 86.6);
}
.element {
color: var(--double-scoop);
background-color: hsl(41 43% 87%);
border-color: oklch(0.918 0.028 86.6);
}Tailwind CSS v4
@theme {
--color-double-scoop: #ece3cf;
--color-double-scoop-50: #f8f5ec;
--color-double-scoop-100: #ece8dd;
--color-double-scoop-200: #d9d4c7;
--color-double-scoop-300: #bdb7a7;
--color-double-scoop-400: #a69e8c;
--color-double-scoop-500: #8e8571;
--color-double-scoop-600: #787160;
--color-double-scoop-700: #605a4d;
--color-double-scoop-800: #474237;
--color-double-scoop-900: #312d26;
--color-double-scoop-950: #1d1a14;
}SCSS
$double-scoop: #ece3cf;
$double-scoop-rgb: 236, 227, 207;
$double-scoop-light: mix(#fff, $double-scoop, 20%);
$double-scoop-dark: mix(#000, $double-scoop, 20%);
.element {
color: $double-scoop;
box-shadow: 0 0 0 2px rgba($double-scoop, 0.35);
}