Warna bernama terdekat · #B16C59
#B16C59
Warna bernama terdekat: Amaretto
#B16C59 (rgb(177 108 89), hsl(13 36% 52%), oklch(0.602 0.093 36.2)) paling mendekati warna bernama Amaretto. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#B16C59
oklch(0.602 0.093 36.2)
Konversi warna
- HEX
- #b16c59
- RGB
- rgb(177 108 89)
- HSL
- hsl(13 36% 52%)
- HWB
- hwb(13 35% 31%)
- OKLCH
- oklch(0.602 0.093 36.2)
- OKLab
- oklab(0.602 0.075 0.055)
- CIE Lab
- lab(53.1 26.72 22.87)
- LCH
- lch(53.1 35.17 40.6)
- CMYK
- cmyk(0% 39% 50% 31%)
Tint · Shade · Tone
Tint
- BA7A69
- C28979
- CA9789
- D2A699
- DAB4AA
- E2C3BA
- E9D2CB
- F1E1DC
- F8F0EE
Shade
- 995D4C
- 834E40
- 6C4034
- 573228
- 42251D
- 2F1913
- 1C0D09
- 0C0403
- 010000
Tone
- AD6E5D
- A87161
- A47365
- 9F7569
- 9A776D
- 957971
- 907B75
- 8B7D79
- 867E7C
Harmoni warna
Komplementer +180°
- B16C59
Amaretto
- 2D8EA4
≈ Scooter
Analog -30° +30°
- B16C59
Amaretto
- B06878
≈ Refined Rose
- A77540
≈ Invitation Gold
Triadik +120° +240°
- B16C59
Amaretto
- 4E9269
≈ Illuminati Green
- 727CB8
≈ Persian Jewel
Split-komplementer +150° +210°
- B16C59
Amaretto
- 2B9389
≈ Torrid Turquoise
- 4F86B5
≈ Hideout
Tetradik +90° +180° +270°
- B16C59
Amaretto
- 738B4B
≈ Bright Forest
- 2D8EA4
≈ Scooter
- 8F72AD
≈ Ce Soir
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.07:1 · APCA Lc 68
Ag
AADi atas hitam
WCAG 5.15:1 · APCA Lc 34
Warna teks terbaik: #000000
WCAG 5.15:1 (AA) · APCA Lc 34
Contrast pairs
Cuplikan kode
CSS
:root {
--amaretto: #b16c59;
--amaretto-rgb: 177 108 89;
--amaretto-oklch: oklch(0.602 0.093 36.2);
}
.element {
color: var(--amaretto);
background-color: hsl(13 36% 52%);
border-color: oklch(0.602 0.093 36.2);
}Tailwind CSS v4
@theme {
--color-amaretto: #b16c59;
--color-amaretto-50: #ffede2;
--color-amaretto-100: #ffded2;
--color-amaretto-200: #f9c7b8;
--color-amaretto-300: #e2a795;
--color-amaretto-400: #cf8b78;
--color-amaretto-500: #bb6f5a;
--color-amaretto-600: #9e5e4c;
--color-amaretto-700: #7f4b3d;
--color-amaretto-800: #5e362c;
--color-amaretto-900: #42251e;
--color-amaretto-950: #2a130e;
}SCSS
$amaretto: #b16c59;
$amaretto-rgb: 177, 108, 89;
$amaretto-light: mix(#fff, $amaretto, 20%);
$amaretto-dark: mix(#000, $amaretto, 20%);
.element {
color: $amaretto;
box-shadow: 0 0 0 2px rgba($amaretto, 0.35);
}