Warna bernama · #C7A77B
Sugar Pie
Sugar Pie adalah #C7A77B: rgb(199 167 123), hsl(35 40% 63%), oklch(0.746 0.07 75.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Sugar Pie color name →
#C7A77B
oklch(0.746 0.07 75.2)
Konversi warna
- HEX
- #c7a77b
- RGB
- rgb(199 167 123)
- HSL
- hsl(35 40% 63%)
- HWB
- hwb(35 48% 22%)
- OKLCH
- oklch(0.746 0.07 75.2)
- OKLab
- oklab(0.746 0.018 0.068)
- CIE Lab
- lab(70.6 7.59 27.39)
- LCH
- lch(70.6 28.43 74.5)
- CMYK
- cmyk(0% 16% 38% 22%)
Tint · Shade · Tone
Tint
- CDB088
- D2B895
- D8C1A2
- DECAAF
- E3D3BC
- E9DBCA
- EEE4D7
- F4EDE4
- F9F6F2
Shade
- AD916A
- 937B5A
- 7A664A
- 62523A
- 4C3E2C
- 362C1E
- 211A10
- 0E0A05
- 020101
Tone
- C0A37C
- B99F7D
- B19B7E
- AA977E
- A3947F
- 9C907F
- 958C80
- 8E8880
- 878480
Harmoni warna
Komplementer +180°
- C7A77B
Sugar Pie
- 8FAFD9
≈ Blue Skies Today
Analog -30° +30°
- C7A77B
Sugar Pie
- D39F88
≈ Orange Maple
- B3B07C
≈ Weeping Willow
Triadik +120° +240°
- C7A77B
Sugar Pie
- 76BBBB
≈ Aqua Sky
- BEA0CC
≈ Lucius Lilac
Split-komplementer +150° +210°
- C7A77B
Sugar Pie
- 7CB7CE
≈ Harbour Sky
- A8A7D8
≈ Childish Wonder
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.27:1 · APCA Lc 45
Ag
AAADi atas hitam
WCAG 9.24:1 · APCA Lc 57
Warna teks terbaik: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
Cuplikan kode
CSS
:root {
--sugar-pie: #c7a77b;
--sugar-pie-rgb: 199 167 123;
--sugar-pie-oklch: oklch(0.746 0.07 75.2);
}
.element {
color: var(--sugar-pie);
background-color: hsl(35 40% 63%);
border-color: oklch(0.746 0.07 75.2);
}Tailwind CSS v4
@theme {
--color-sugar-pie: #c7a77b;
--color-sugar-pie-50: #fff3df;
--color-sugar-pie-100: #f5e5cf;
--color-sugar-pie-200: #e5d1b4;
--color-sugar-pie-300: #ccb390;
--color-sugar-pie-400: #b79970;
--color-sugar-pie-500: #a18050;
--color-sugar-pie-600: #886c44;
--color-sugar-pie-700: #6d5636;
--color-sugar-pie-800: #513f26;
--color-sugar-pie-900: #392b1a;
--color-sugar-pie-950: #23180a;
}SCSS
$sugar-pie: #c7a77b;
$sugar-pie-rgb: 199, 167, 123;
$sugar-pie-light: mix(#fff, $sugar-pie, 20%);
$sugar-pie-dark: mix(#000, $sugar-pie, 20%);
.element {
color: $sugar-pie;
box-shadow: 0 0 0 2px rgba($sugar-pie, 0.35);
}