이름 색상 · #D7BD92
Bowman Beige
Bowman Beige은(는) #D7BD92: rgb(215 189 146), hsl(37 46% 71%), oklch(0.81 0.064 80.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Bowman Beige color name →
#D7BD92
oklch(0.81 0.064 80.1)
색상 변환
- HEX
- #d7bd92
- RGB
- rgb(215 189 146)
- HSL
- hsl(37 46% 71%)
- HWB
- hwb(37 57% 16%)
- OKLCH
- oklch(0.81 0.064 80.1)
- OKLab
- oklab(0.81 0.011 0.063)
- CIE Lab
- lab(78.08 4.95 25.39)
- LCH
- lch(78.08 25.87 79)
- CMYK
- cmyk(0% 12% 32% 16%)
틴트 · 셰이드 · 톤
틴트
- DBC49D
- DFCAA8
- E3D1B3
- E7D7BD
- EBDEC8
- EFE4D3
- F3EBDE
- F7F2E9
- FBF8F4
셰이드
- BBA47E
- 9F8C6B
- 857458
- 6B5D46
- 524735
- 3B3325
- 251F16
- 110D08
- 020201
톤
- CEB791
- C5B18F
- BCAA8D
- B3A48C
- AB9E8A
- A29888
- 999286
- 918C84
- 888682
색 조화
보색 +180°
- D7BD92
Bowman Beige
- A9C2EB
≈ Sky High
유사색 -30° +30°
- D7BD92
Bowman Beige
- E4B69C
≈ So Baja
- C3C595
≈ Yerba Mate
삼각 배색 +120° +240°
- D7BD92
Bowman Beige
- 8FCED1
≈ Fling Green
- D4B4DB
≈ Confectionary
분열 보색 +150° +210°
- D7BD92
Bowman Beige
- 96C9E3
≈ Medical Mask
- C0BAE8
≈ Pretty Posie
사각 배색 +90° +180° +270°
- D7BD92
Bowman Beige
- 97CFBB
≈ Mint Ice Cream
- A9C2EB
≈ Sky High
- E2B0C7
≈ Roseate Spoonbill
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.81:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.58:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--bowman-beige: #d7bd92;
--bowman-beige-rgb: 215 189 146;
--bowman-beige-oklch: oklch(0.81 0.064 80.1);
}
.element {
color: var(--bowman-beige);
background-color: hsl(37 46% 71%);
border-color: oklch(0.81 0.064 80.1);
}Tailwind CSS v4
@theme {
--color-bowman-beige: #d7bd92;
--color-bowman-beige-50: #fef4e1;
--color-bowman-beige-100: #f3e6d0;
--color-bowman-beige-200: #e2d2b6;
--color-bowman-beige-300: #c8b592;
--color-bowman-beige-400: #b39b73;
--color-bowman-beige-500: #9d8254;
--color-bowman-beige-600: #846e48;
--color-bowman-beige-700: #6a5839;
--color-bowman-beige-800: #4f4028;
--color-bowman-beige-900: #372c1b;
--color-bowman-beige-950: #22190b;
}SCSS
$bowman-beige: #d7bd92;
$bowman-beige-rgb: 215, 189, 146;
$bowman-beige-light: mix(#fff, $bowman-beige, 20%);
$bowman-beige-dark: mix(#000, $bowman-beige, 20%);
.element {
color: $bowman-beige;
box-shadow: 0 0 0 2px rgba($bowman-beige, 0.35);
}