이름 색상 · #D2B17A
Beachwalk
Beachwalk은(는) #D2B17A: rgb(210 177 122), hsl(38 49% 65%), oklch(0.777 0.081 79.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Beachwalk color name →
#D2B17A
oklch(0.777 0.081 79.9)
색상 변환
- HEX
- #d2b17a
- RGB
- rgb(210 177 122)
- HSL
- hsl(38 49% 65%)
- HWB
- hwb(38 48% 18%)
- OKLCH
- oklch(0.777 0.081 79.9)
- OKLab
- oklab(0.777 0.014 0.08)
- CIE Lab
- lab(74.21 6.92 32.82)
- LCH
- lch(74.21 33.54 78.1)
- CMYK
- cmyk(0% 16% 42% 18%)
틴트 · 셰이드 · 톤
틴트
- D7B988
- DBC195
- E0C8A2
- E4D0AF
- E9D8BD
- EDE0CA
- F2E7D7
- F6EFE4
- FBF7F2
셰이드
- B69969
- 9B8359
- 816C49
- 68573A
- 50422B
- 392F1D
- 241C10
- 100C05
- 020101
톤
- CAAC7B
- C1A77C
- B9A27D
- B19D7E
- A8997F
- A0947F
- 988F80
- 908A80
- 888580
색 조화
보색 +180°
- D2B17A
Beachwalk
- 98B8EB
≈ Honest
유사색 -30° +30°
- D2B17A
Beachwalk
- E2A888
≈ Almost Apricot
- B9BB7E
≈ Ushabti Bone
삼각 배색 +120° +240°
- D2B17A
Beachwalk
- 73C6CB
≈ Wavelet
- CEA6D7
≈ Favourite Lavender
분열 보색 +150° +210°
- D2B17A
Beachwalk
- 7EC1E1
≈ Horizon Haze
- B5AEE7
≈ Maximum Blue Purple
사각 배색 +90° +180° +270°
- D2B17A
Beachwalk
- 80C8AE
≈ Meridian Star
- 98B8EB
≈ Honest
- DFA1BE
≈ Pink Gin
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.03:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.31:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.31:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--beachwalk: #d2b17a;
--beachwalk-rgb: 210 177 122;
--beachwalk-oklch: oklch(0.777 0.081 79.9);
}
.element {
color: var(--beachwalk);
background-color: hsl(38 49% 65%);
border-color: oklch(0.777 0.081 79.9);
}Tailwind CSS v4
@theme {
--color-beachwalk: #d2b17a;
--color-beachwalk-50: #fff3dc;
--color-beachwalk-100: #f6e6ca;
--color-beachwalk-200: #e6d2ad;
--color-beachwalk-300: #ccb488;
--color-beachwalk-400: #b89966;
--color-beachwalk-500: #a38043;
--color-beachwalk-600: #896c3a;
--color-beachwalk-700: #6e572e;
--color-beachwalk-800: #523f20;
--color-beachwalk-900: #392b15;
--color-beachwalk-950: #231807;
}SCSS
$beachwalk: #d2b17a;
$beachwalk-rgb: 210, 177, 122;
$beachwalk-light: mix(#fff, $beachwalk, 20%);
$beachwalk-dark: mix(#000, $beachwalk, 20%);
.element {
color: $beachwalk;
box-shadow: 0 0 0 2px rgba($beachwalk, 0.35);
}