Adlandırılmış renk · #D7BD92
Bowman Beige
Bowman Beige, #D7BD92: rgb(215 189 146), hsl(37 46% 71%), oklch(0.81 0.064 80.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Bowman Beige color name →
#D7BD92
oklch(0.81 0.064 80.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DBC49D
- DFCAA8
- E3D1B3
- E7D7BD
- EBDEC8
- EFE4D3
- F3EBDE
- F7F2E9
- FBF8F4
Koyu tonlar
- BBA47E
- 9F8C6B
- 857458
- 6B5D46
- 524735
- 3B3325
- 251F16
- 110D08
- 020201
Gri tonlar
- CEB791
- C5B18F
- BCAA8D
- B3A48C
- AB9E8A
- A29888
- 999286
- 918C84
- 888682
Renk uyumları
Tamamlayıcı +180°
- D7BD92
Bowman Beige
- A9C2EB
≈ Sky High
Analog -30° +30°
- D7BD92
Bowman Beige
- E4B69C
≈ So Baja
- C3C595
≈ Yerba Mate
Üçlü +120° +240°
- D7BD92
Bowman Beige
- 8FCED1
≈ Fling Green
- D4B4DB
≈ Confectionary
Bölünmüş tamamlayıcı +150° +210°
- D7BD92
Bowman Beige
- 96C9E3
≈ Medical Mask
- C0BAE8
≈ Pretty Posie
Dörtlü +90° +180° +270°
- D7BD92
Bowman Beige
- 97CFBB
≈ Mint Ice Cream
- A9C2EB
≈ Sky High
- E2B0C7
≈ Roseate Spoonbill
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.81:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.58:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
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);
}