Colore con nome · #B2A69A
Deer Run
Deer Run è #B2A69A: rgb(178 166 154), hsl(30 13% 65%), oklch(0.732 0.022 67.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Deer Run color name →
#B2A69A
oklch(0.732 0.022 67.5)
Conversioni di colore
- HEX
- #b2a69a
- RGB
- rgb(178 166 154)
- HSL
- hsl(30 13% 65%)
- HWB
- hwb(30 60% 30%)
- OKLCH
- oklch(0.732 0.022 67.5)
- OKLab
- oklab(0.732 0.008 0.02)
- CIE Lab
- lab(68.9 2.95 7.88)
- LCH
- lch(68.9 8.41 69.5)
- CMYK
- cmyk(0% 7% 13% 30%)
Tinte · Ombre · Toni
Tinte
- B9AFA4
- C1B7AD
- C9C0B7
- D0C9C1
- D8D2CB
- E0DBD6
- E7E4E0
- EFEDEA
- F7F6F5
Ombre
- 9A9085
- 837A71
- 6D655E
- 57514B
- 433E39
- 2F2B27
- 1D1A17
- 0C0A09
- 010101
Toni
- ADA297
- A89E95
- A39A92
- 9E9790
- 99938D
- 948F8A
- 8F8B88
- 8A8785
- 858483
Armonie di colore
Complementare +180°
- B2A69A
Deer Run
- 9EAAB6
≈ Scribe
Analogo -30° +30°
- B2A69A
Deer Run
- B5A49F
≈ Lavender Suede
- ACA999
≈ Humble Hippo
Triadico +120° +240°
- B2A69A
Deer Run
- 9AADAB
≈ April Rain
- ACA5B3
≈ Midsummer Twilight
Complementare divisa +150° +210°
- B2A69A
Deer Run
- 9AACB1
≈ Bucolic Blue
- A5A7B6
≈ Curated Lilac
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.38:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.81:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--deer-run: #b2a69a;
--deer-run-rgb: 178 166 154;
--deer-run-oklch: oklch(0.732 0.022 67.5);
}
.element {
color: var(--deer-run);
background-color: hsl(30 13% 65%);
border-color: oklch(0.732 0.022 67.5);
}Tailwind CSS v4
@theme {
--color-deer-run: #b2a69a;
--color-deer-run-50: #f9f4ef;
--color-deer-run-100: #ede7e0;
--color-deer-run-200: #dbd3ca;
--color-deer-run-300: #bfb6ac;
--color-deer-run-400: #a89c91;
--color-deer-run-500: #908477;
--color-deer-run-600: #7a7065;
--color-deer-run-700: #625951;
--color-deer-run-800: #48413b;
--color-deer-run-900: #322d28;
--color-deer-run-950: #1e1a16;
}SCSS
$deer-run: #b2a69a;
$deer-run-rgb: 178, 166, 154;
$deer-run-light: mix(#fff, $deer-run, 20%);
$deer-run-dark: mix(#000, $deer-run, 20%);
.element {
color: $deer-run;
box-shadow: 0 0 0 2px rgba($deer-run, 0.35);
}