Warna bernama terdekat · #B08968
#B08968
Warna bernama terdekat: Macaroon
#B08968 (rgb(176 137 104), hsl(27 31% 55%), oklch(0.659 0.066 61.5)) paling mendekati warna bernama Macaroon. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#B08968
oklch(0.659 0.066 61.5)
Konversi warna
- HEX
- #b08968
- RGB
- rgb(176 137 104)
- HSL
- hsl(27 31% 55%)
- HWB
- hwb(27 41% 31%)
- OKLCH
- oklch(0.659 0.066 61.5)
- OKLab
- oklab(0.659 0.032 0.058)
- CIE Lab
- lab(60.28 12.06 23.72)
- LCH
- lch(60.28 26.61 63)
- CMYK
- cmyk(0% 22% 41% 31%)
Tint · Shade · Tone
Tint
- B89477
- C0A085
- C8AB94
- D0B7A3
- D8C3B2
- E0CFC1
- E7DBD0
- EFE7E0
- F7F3EF
Shade
- 997659
- 82644B
- 6C533E
- 564230
- 423124
- 2E2218
- 1C140C
- 0B0704
- 010100
Tone
- AB886B
- A7876D
- A28770
- 9D8673
- 988575
- 938477
- 8F837A
- 8A827C
- 85817E
Harmoni warna
Komplementer +180°
- B08968
Macaroon
- 6D97B7
≈ Lupine Blue
Analog -30° +30°
- B08968
Macaroon
- B78379
≈ Dusky Damask
- A19162
≈ Abura Green
Triadik +120° +240°
- B08968
Macaroon
- 62A094
≈ Emerald Oasis
- 9989B4
≈ Flirty Pink
Split-komplementer +150° +210°
- B08968
Macaroon
- 5F9DA9
≈ Echo One
- 8390BB
≈ Soothsayer
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.17:1 · APCA Lc 59
Ag
AADi atas hitam
WCAG 6.62:1 · APCA Lc 43
Warna teks terbaik: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Cuplikan kode
CSS
:root {
--macaroon: #b08968;
--macaroon-rgb: 176 137 104;
--macaroon-oklch: oklch(0.659 0.066 61.5);
}
.element {
color: var(--macaroon);
background-color: hsl(27 31% 55%);
border-color: oklch(0.659 0.066 61.5);
}Tailwind CSS v4
@theme {
--color-macaroon: #b08968;
--color-macaroon-50: #fff2e2;
--color-macaroon-100: #f8e4d2;
--color-macaroon-200: #e9cfb8;
--color-macaroon-300: #d0b195;
--color-macaroon-400: #bc9676;
--color-macaroon-500: #a67c58;
--color-macaroon-600: #8d694b;
--color-macaroon-700: #71543c;
--color-macaroon-800: #543d2b;
--color-macaroon-900: #3a2a1d;
--color-macaroon-950: #24170d;
}SCSS
$macaroon: #b08968;
$macaroon-rgb: 176, 137, 104;
$macaroon-light: mix(#fff, $macaroon, 20%);
$macaroon-dark: mix(#000, $macaroon, 20%);
.element {
color: $macaroon;
box-shadow: 0 0 0 2px rgba($macaroon, 0.35);
}