Nazwany kolor · #B9A47E
Tarnished Treasure
Tarnished Treasure to #B9A47E: rgb(185 164 126), hsl(39 30% 61%), oklch(0.727 0.057 82.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Tarnished Treasure color name →
#B9A47E
oklch(0.727 0.057 82.2)
Konwersje koloru
- HEX
- #b9a47e
- RGB
- rgb(185 164 126)
- HSL
- hsl(39 30% 61%)
- HWB
- hwb(39 49% 27%)
- OKLCH
- oklch(0.727 0.057 82.2)
- OKLab
- oklab(0.727 0.008 0.057)
- CIE Lab
- lab(68.51 3.7 22.74)
- LCH
- lch(68.51 23.04 80.8)
- CMYK
- cmyk(0% 11% 32% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C0AD8B
- C7B697
- CEBFA4
- D5C8B1
- DCD1BE
- E3DACA
- EAE3D7
- F1ECE5
- F8F6F2
Odcienie ciemniejsze
- A08E6D
- 89795C
- 71644C
- 5B503C
- 463D2D
- 312B1F
- 1E1A11
- 0D0A05
- 020101
Tony
- B3A07F
- AD9D7F
- A8997F
- A29680
- 9C9280
- 968E80
- 918B80
- 8B8780
- 868480
Harmonie kolorów
Komplementarna +180°
- B9A47E
Tarnished Treasure
- 94A8CC
≈ Hopeful Dream
Analogowa -30° +30°
- B9A47E
Tarnished Treasure
- C59D86
≈ Sweetwood
- A7AB82
≈ Brisk Olive
Triada +120° +240°
- B9A47E
Tarnished Treasure
- 7BB2B6
≈ Buoyancy
- B99BBD
≈ Tuileries Tint
Komplementarna rozszczepiona +150° +210°
- B9A47E
Tarnished Treasure
- 83AEC5
≈ Arabella
- A7A1C9
≈ May Mist
Tetrada +90° +180° +270°
- B9A47E
Tarnished Treasure
- 82B3A3
≈ Le Max
- 94A8CC
≈ Hopeful Dream
- C499AA
≈ Artichoke Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.42:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.67:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.67:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
CSS
:root {
--tarnished-treasure: #b9a47e;
--tarnished-treasure-rgb: 185 164 126;
--tarnished-treasure-oklch: oklch(0.727 0.057 82.2);
}
.element {
color: var(--tarnished-treasure);
background-color: hsl(39 30% 61%);
border-color: oklch(0.727 0.057 82.2);
}Tailwind CSS v4
@theme {
--color-tarnished-treasure: #b9a47e;
--color-tarnished-treasure-50: #fdf4e3;
--color-tarnished-treasure-100: #f1e7d3;
--color-tarnished-treasure-200: #e0d3b9;
--color-tarnished-treasure-300: #c5b697;
--color-tarnished-treasure-400: #af9c78;
--color-tarnished-treasure-500: #99835a;
--color-tarnished-treasure-600: #826f4d;
--color-tarnished-treasure-700: #68593d;
--color-tarnished-treasure-800: #4d402b;
--color-tarnished-treasure-900: #352c1d;
--color-tarnished-treasure-950: #21190d;
}SCSS
$tarnished-treasure: #b9a47e;
$tarnished-treasure-rgb: 185, 164, 126;
$tarnished-treasure-light: mix(#fff, $tarnished-treasure, 20%);
$tarnished-treasure-dark: mix(#000, $tarnished-treasure, 20%);
.element {
color: $tarnished-treasure;
box-shadow: 0 0 0 2px rgba($tarnished-treasure, 0.35);
}