이름 색상 · #EDDBC8
Patisserie
Patisserie은(는) #EDDBC8: rgb(237 219 200), hsl(31 51% 86%), oklch(0.901 0.032 68.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Patisserie color name →
#EDDBC8
oklch(0.901 0.032 68.9)
색상 변환
- HEX
- #eddbc8
- RGB
- rgb(237 219 200)
- HSL
- hsl(31 51% 86%)
- HWB
- hwb(31 78% 7%)
- OKLCH
- oklch(0.901 0.032 68.9)
- OKLab
- oklab(0.901 0.012 0.03)
- CIE Lab
- lab(88.51 4.14 11.73)
- LCH
- lch(88.51 12.44 70.6)
- CMYK
- cmyk(0% 8% 16% 7%)
틴트 · 셰이드 · 톤
틴트
- EFDFCD
- F1E2D3
- F2E6D8
- F4E9DE
- F6EDE3
- F8F1E9
- FAF4EE
- FBF8F4
- FDFBF9
셰이드
- CEBEAE
- B0A294
- 93877B
- 776D63
- 5C544C
- 423C36
- 2A2621
- 14110F
- 030202
톤
- E2D2C1
- D6C8B9
- CBBFB2
- C0B6AB
- B5ACA3
- AAA39C
- 9F9A95
- 95918E
- 8A8987
색 조화
보색 +180°
- EDDBC8
Patisserie
- CEE1F3
≈ Hint of Blue
유사색 -30° +30°
- EDDBC8
Patisserie
- F3D8CF
≈ Pink Zest
- E3DFC7
≈ Bamboo
삼각 배색 +120° +240°
- EDDBC8
Patisserie
- C7E6E2
≈ Swan Lake
- E4D9EF
≈ Pouty Purple
분열 보색 +150° +210°
- EDDBC8
Patisserie
- C8E4ED
≈ Sapphireberry
- D9DDF4
≈ Chinese Silver
사각 배색 +90° +180° +270°
- EDDBC8
Patisserie
- CDE5D7
≈ Mint Whisper
- CEE1F3
≈ Hint of Blue
- EED7E5
≈ All Made Up
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.34:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.56:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.56:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--patisserie: #eddbc8;
--patisserie-rgb: 237 219 200;
--patisserie-oklch: oklch(0.901 0.032 68.9);
}
.element {
color: var(--patisserie);
background-color: hsl(31 51% 86%);
border-color: oklch(0.901 0.032 68.9);
}Tailwind CSS v4
@theme {
--color-patisserie: #eddbc8;
--color-patisserie-50: #fbf4eb;
--color-patisserie-100: #efe6dd;
--color-patisserie-200: #ddd2c6;
--color-patisserie-300: #c2b5a6;
--color-patisserie-400: #ab9b8a;
--color-patisserie-500: #95836f;
--color-patisserie-600: #7e6f5f;
--color-patisserie-700: #65584b;
--color-patisserie-800: #4a4037;
--color-patisserie-900: #332c25;
--color-patisserie-950: #1f1914;
}SCSS
$patisserie: #eddbc8;
$patisserie-rgb: 237, 219, 200;
$patisserie-light: mix(#fff, $patisserie, 20%);
$patisserie-dark: mix(#000, $patisserie, 20%);
.element {
color: $patisserie;
box-shadow: 0 0 0 2px rgba($patisserie, 0.35);
}