Cor nomeada · #D7BD92
Bowman Beige
Bowman Beige é #D7BD92: rgb(215 189 146), hsl(37 46% 71%), oklch(0.81 0.064 80.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Bowman Beige color name →
#D7BD92
oklch(0.81 0.064 80.1)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- DBC49D
- DFCAA8
- E3D1B3
- E7D7BD
- EBDEC8
- EFE4D3
- F3EBDE
- F7F2E9
- FBF8F4
Sombras
- BBA47E
- 9F8C6B
- 857458
- 6B5D46
- 524735
- 3B3325
- 251F16
- 110D08
- 020201
Tons
- CEB791
- C5B18F
- BCAA8D
- B3A48C
- AB9E8A
- A29888
- 999286
- 918C84
- 888682
Harmonias de cor
Complementar +180°
- D7BD92
Bowman Beige
- A9C2EB
≈ Sky High
Análoga -30° +30°
- D7BD92
Bowman Beige
- E4B69C
≈ So Baja
- C3C595
≈ Yerba Mate
Tríade +120° +240°
- D7BD92
Bowman Beige
- 8FCED1
≈ Fling Green
- D4B4DB
≈ Confectionary
Complementar dividida +150° +210°
- D7BD92
Bowman Beige
- 96C9E3
≈ Medical Mask
- C0BAE8
≈ Pretty Posie
Tétrade +90° +180° +270°
- D7BD92
Bowman Beige
- 97CFBB
≈ Mint Ice Cream
- A9C2EB
≈ Sky High
- E2B0C7
≈ Roseate Spoonbill
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASobre preto
WCAG 11.58:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
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);
}