Warna bernama · #B8A47A
Sailor’s Knot
Sailor’s Knot adalah #B8A47A: rgb(184 164 122), hsl(41 30% 60%), oklch(0.726 0.062 85.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Sailor’s Knot color name →
#B8A47A
oklch(0.726 0.062 85.4)
Konversi warna
- HEX
- #b8a47a
- RGB
- rgb(184 164 122)
- HSL
- hsl(41 30% 60%)
- HWB
- hwb(41 48% 28%)
- OKLCH
- oklch(0.726 0.062 85.4)
- OKLab
- oklab(0.726 0.005 0.061)
- CIE Lab
- lab(68.36 2.92 24.67)
- LCH
- lch(68.36 24.84 83.3)
- CMYK
- cmyk(0% 11% 34% 28%)
Tint · Shade · Tone
Tint
- BFAD87
- C6B694
- CDBFA1
- D4C8AE
- DBD1BC
- E2DAC9
- E9E3D6
- F1ECE4
- F8F6F1
Shade
- A08E69
- 887959
- 716449
- 5B503A
- 453D2B
- 312B1D
- 1E1A10
- 0C0A05
- 020101
Tone
- B2A07B
- AD9D7C
- A7997D
- A1967D
- 9C927E
- 968E7F
- 908B7F
- 8B877F
- 858480
Harmoni warna
Komplementer +180°
- B8A47A
Sailor’s Knot
- 94A6CE
≈ Old World
Analog -30° +30°
- B8A47A
Sailor’s Knot
- C59D82
≈ Retributor Armour Metal
- A4AB7F
≈ Mossy Cavern
Triadik +120° +240°
- B8A47A
Sailor’s Knot
- 77B2B9
≈ Buoyancy
- BB99BC
≈ Dripping Wisteria
Split-komplementer +150° +210°
- B8A47A
Sailor’s Knot
- 81ADC8
≈ Soul Blue
- A99FCA
≈ Imperial Lilac
Tetradik +90° +180° +270°
- B8A47A
Sailor’s Knot
- 7DB3A4
≈ Mint Bonbon Green
- 94A6CE
≈ Old World
- C797A8
≈ Honey Pink
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.43:1 · APCA Lc 48
Ag
AAADi atas hitam
WCAG 8.62:1 · APCA Lc 54
Warna teks terbaik: #000000
WCAG 8.62:1 (AAA) · APCA Lc 54
Contrast pairs
Cuplikan kode
CSS
:root {
--sailor-s-knot: #b8a47a;
--sailor-s-knot-rgb: 184 164 122;
--sailor-s-knot-oklch: oklch(0.726 0.062 85.4);
}
.element {
color: var(--sailor-s-knot);
background-color: hsl(41 30% 60%);
border-color: oklch(0.726 0.062 85.4);
}Tailwind CSS v4
@theme {
--color-sailor-s-knot: #b8a47a;
--color-sailor-s-knot-50: #fdf5e2;
--color-sailor-s-knot-100: #f1e7d1;
--color-sailor-s-knot-200: #dfd3b7;
--color-sailor-s-knot-300: #c5b694;
--color-sailor-s-knot-400: #af9c75;
--color-sailor-s-knot-500: #998356;
--color-sailor-s-knot-600: #816f49;
--color-sailor-s-knot-700: #67593a;
--color-sailor-s-knot-800: #4d4129;
--color-sailor-s-knot-900: #352d1c;
--color-sailor-s-knot-950: #201a0c;
}SCSS
$sailor-s-knot: #b8a47a;
$sailor-s-knot-rgb: 184, 164, 122;
$sailor-s-knot-light: mix(#fff, $sailor-s-knot, 20%);
$sailor-s-knot-dark: mix(#000, $sailor-s-knot, 20%);
.element {
color: $sailor-s-knot;
box-shadow: 0 0 0 2px rgba($sailor-s-knot, 0.35);
}