이름 색상 · #B29E81
Silestone
Silestone은(는) #B29E81: rgb(178 158 129), hsl(36 24% 60%), oklch(0.709 0.047 77). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Silestone color name →
#B29E81
oklch(0.709 0.047 77)
색상 변환
- HEX
- #b29e81
- RGB
- rgb(178 158 129)
- HSL
- hsl(36 24% 60%)
- HWB
- hwb(36 51% 30%)
- OKLCH
- oklch(0.709 0.047 77)
- OKLab
- oklab(0.709 0.01 0.046)
- CIE Lab
- lab(66.33 4.25 18.05)
- LCH
- lch(66.33 18.54 76.8)
- CMYK
- cmyk(0% 11% 28% 30%)
틴트 · 셰이드 · 톤
틴트
- BAA78D
- C1B199
- C9BAA6
- D0C4B2
- D8CEBF
- E0D7CB
- E8E1D8
- EFEBE5
- F7F5F2
셰이드
- 9A896F
- 83745E
- 6D604E
- 574D3E
- 433A2E
- 2F291F
- 1D1812
- 0C0906
- 010101
톤
- AD9B81
- A89881
- A39581
- 9E9281
- 998F81
- 948C81
- 8F8981
- 8A8681
- 858380
색 조화
보색 +180°
- B29E81
Silestone
- 8FA3BF
≈ Wild Clary
유사색 -30° +30°
- B29E81
Silestone
- BB9989
≈ Cinnamon Roast
- A4A482
≈ Dark Envy
삼각 배색 +120° +240°
- B29E81
Silestone
- 7FABAB
≈ Acapulco Aqua
- AD99B5
≈ Purple Springs
분열 보색 +150° +210°
- B29E81
Silestone
- 83A8B8
≈ Winter Twilight
- 9F9DBE
≈ Grape Gatsby
사각 배색 +90° +180° +270°
- B29E81
Silestone
- 86AB9B
≈ Corsican
- 8FA3BF
≈ Wild Clary
- B896A7
≈ Violet Fantasy
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.59:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 8.10:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 8.10:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--silestone: #b29e81;
--silestone-rgb: 178 158 129;
--silestone-oklch: oklch(0.709 0.047 77);
}
.element {
color: var(--silestone);
background-color: hsl(36 24% 60%);
border-color: oklch(0.709 0.047 77);
}Tailwind CSS v4
@theme {
--color-silestone: #b29e81;
--color-silestone-50: #fcf4e7;
--color-silestone-100: #f0e6d7;
--color-silestone-200: #dfd2be;
--color-silestone-300: #c4b59d;
--color-silestone-400: #ae9b80;
--color-silestone-500: #988363;
--color-silestone-600: #806f54;
--color-silestone-700: #675843;
--color-silestone-800: #4c4030;
--color-silestone-900: #352c21;
--color-silestone-950: #201910;
}SCSS
$silestone: #b29e81;
$silestone-rgb: 178, 158, 129;
$silestone-light: mix(#fff, $silestone, 20%);
$silestone-dark: mix(#000, $silestone, 20%);
.element {
color: $silestone;
box-shadow: 0 0 0 2px rgba($silestone, 0.35);
}