Nazwany kolor · #B8A99A
Oxford Tan
Oxford Tan to #B8A99A: rgb(184 169 154), hsl(30 17% 66%), oklch(0.743 0.027 67.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Oxford Tan color name →
#B8A99A
oklch(0.743 0.027 67.4)
Konwersje koloru
- HEX
- #b8a99a
- RGB
- rgb(184 169 154)
- HSL
- hsl(30 17% 66%)
- HWB
- hwb(30 60% 28%)
- OKLCH
- oklch(0.743 0.027 67.4)
- OKLab
- oklab(0.743 0.011 0.025)
- CIE Lab
- lab(70.22 3.74 9.83)
- LCH
- lch(70.22 10.52 69.2)
- CMYK
- cmyk(0% 8% 16% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BFB1A4
- C6BAAE
- CDC2B7
- D4CBC1
- DBD3CB
- E2DCD6
- E9E5E0
- F1EDEA
- F8F6F5
Odcienie ciemniejsze
- A09285
- 887C71
- 71675E
- 5B534B
- 453F39
- 312C27
- 1E1B17
- 0C0A09
- 020101
Tony
- B2A597
- ADA195
- A79D92
- A19890
- 9C948D
- 96908A
- 908C88
- 8B8885
- 858483
Harmonie kolorów
Komplementarna +180°
- B8A99A
Oxford Tan
- 9FAEBD
≈ Petrel Blue Grey
Analogowa -30° +30°
- B8A99A
Oxford Tan
- BCA6A0
≈ Mohair Mauve
- B0AC99
≈ Anise Grey Yellow
Triada +120° +240°
- B8A99A
Oxford Tan
- 99B2AF
≈ Smooth-Hound Shark
- B0A8BA
≈ Amorphous Rose
Komplementarna rozszczepiona +150° +210°
- B8A99A
Oxford Tan
- 99B1B7
≈ Mohair Soft Blue Grey
- A7ABBE
≈ Cream Violet
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.28:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.17:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--oxford-tan: #b8a99a;
--oxford-tan-rgb: 184 169 154;
--oxford-tan-oklch: oklch(0.743 0.027 67.4);
}
.element {
color: var(--oxford-tan);
background-color: hsl(30 17% 66%);
border-color: oklch(0.743 0.027 67.4);
}Tailwind CSS v4
@theme {
--color-oxford-tan: #b8a99a;
--color-oxford-tan-50: #faf4ed;
--color-oxford-tan-100: #eee6de;
--color-oxford-tan-200: #dcd2c8;
--color-oxford-tan-300: #c1b5a9;
--color-oxford-tan-400: #aa9c8e;
--color-oxford-tan-500: #938373;
--color-oxford-tan-600: #7c6f62;
--color-oxford-tan-700: #63594e;
--color-oxford-tan-800: #494139;
--color-oxford-tan-900: #332d27;
--color-oxford-tan-950: #1e1a15;
}SCSS
$oxford-tan: #b8a99a;
$oxford-tan-rgb: 184, 169, 154;
$oxford-tan-light: mix(#fff, $oxford-tan, 20%);
$oxford-tan-dark: mix(#000, $oxford-tan, 20%);
.element {
color: $oxford-tan;
box-shadow: 0 0 0 2px rgba($oxford-tan, 0.35);
}