이름 색상 · #DBC2B9
Summer Beige
Summer Beige은(는) #DBC2B9: rgb(219 194 185), hsl(16 32% 79%), oklch(0.833 0.031 40.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Summer Beige color name →
#DBC2B9
oklch(0.833 0.031 40.9)
색상 변환
- HEX
- #dbc2b9
- RGB
- rgb(219 194 185)
- HSL
- hsl(16 32% 79%)
- HWB
- hwb(16 73% 14%)
- OKLCH
- oklch(0.833 0.031 40.9)
- OKLab
- oklab(0.833 0.024 0.02)
- CIE Lab
- lab(80.39 8.06 7.95)
- LCH
- lch(80.39 11.32 44.6)
- CMYK
- cmyk(0% 11% 16% 14%)
틴트 · 셰이드 · 톤
틴트
- DFC8C0
- E2CEC7
- E6D4CE
- EADAD5
- EDE0DC
- F1E6E3
- F4ECEA
- F8F3F1
- FBF9F8
셰이드
- BEA8A0
- A28F89
- 877771
- 6D605B
- 544946
- 3C3431
- 26201E
- 110E0D
- 020202
톤
- D2BBB3
- C8B4AD
- BFAEA8
- B6A7A2
- ADA09C
- A49A96
- 9B9391
- 928D8B
- 898686
색 조화
보색 +180°
- DBC2B9
Summer Beige
- B3CDD7
≈ Light Topaz Soft Blue
유사색 -30° +30°
- DBC2B9
Summer Beige
- DCC0C3
≈ Mud Pink
- D6C5B3
≈ Beige Chalk
삼각 배색 +120° +240°
- DBC2B9
Summer Beige
- B7CFC2
≈ Quiet Drizzle
- C4C6DD
≈ Violet Sweet Pea
분열 보색 +150° +210°
- DBC2B9
Summer Beige
- B2CFCD
≈ Turquoise Grey
- BACADC
≈ Baby Boots
사각 배색 +90° +180° +270°
- DBC2B9
Summer Beige
- C1CDB8
≈ Mellow Spring
- B3CDD7
≈ Light Topaz Soft Blue
- CFC3D8
≈ Lilac Crystal
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.68:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.42:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--summer-beige: #dbc2b9;
--summer-beige-rgb: 219 194 185;
--summer-beige-oklch: oklch(0.833 0.031 40.9);
}
.element {
color: var(--summer-beige);
background-color: hsl(16 32% 79%);
border-color: oklch(0.833 0.031 40.9);
}Tailwind CSS v4
@theme {
--color-summer-beige: #dbc2b9;
--color-summer-beige-50: #fdf2ee;
--color-summer-beige-100: #f2e5e0;
--color-summer-beige-200: #e1d0ca;
--color-summer-beige-300: #c6b3ab;
--color-summer-beige-400: #af9991;
--color-summer-beige-500: #998077;
--color-summer-beige-600: #816c65;
--color-summer-beige-700: #685650;
--color-summer-beige-800: #4c3f3b;
--color-summer-beige-900: #352b28;
--color-summer-beige-950: #201916;
}SCSS
$summer-beige: #dbc2b9;
$summer-beige-rgb: 219, 194, 185;
$summer-beige-light: mix(#fff, $summer-beige, 20%);
$summer-beige-dark: mix(#000, $summer-beige, 20%);
.element {
color: $summer-beige;
box-shadow: 0 0 0 2px rgba($summer-beige, 0.35);
}