Warna bernama · #C3BEA1
Shaken or Stirred?
Shaken or Stirred? adalah #C3BEA1: rgb(195 190 161), hsl(51 22% 70%), oklch(0.798 0.04 99.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Yellow mean? → · Shaken or Stirred? color name →
#C3BEA1
oklch(0.798 0.04 99.1)
Konversi warna
- HEX
- #c3bea1
- RGB
- rgb(195 190 161)
- HSL
- hsl(51 22% 70%)
- HWB
- hwb(51 63% 24%)
- OKLCH
- oklch(0.798 0.04 99.1)
- OKLab
- oklab(0.798 -0.006 0.039)
- CIE Lab
- lab(76.81 -1.79 15.38)
- LCH
- lch(76.81 15.48 96.6)
- CMYK
- cmyk(0% 3% 17% 24%)
Tint · Shade · Tone
Tint
- C9C4AA
- CFCBB3
- D5D1BD
- DBD8C6
- E1DECF
- E7E5D9
- EDEBE2
- F3F2EC
- F9F8F5
Shade
- A9A58B
- 908C76
- 787562
- 605E4E
- 4A483C
- 34332A
- 201F19
- 0E0D09
- 020201
Tone
- BCB89E
- B5B19A
- AEAB97
- A8A594
- A19F91
- 9A988D
- 94928A
- 8D8C87
- 868683
Harmoni warna
Komplementer +180°
- C3BEA1
Shaken or Stirred?
- B7BBD7
≈ Hazy Sky
Analog -30° +30°
- C3BEA1
Shaken or Stirred?
- CEB9A2
≈ Rustic Taupe
- B5C3A8
≈ Desolace Dew
Triadik +120° +240°
- C3BEA1
Shaken or Stirred?
- A1C4CF
≈ Alluring Blue
- CFB4C6
≈ Tsarina
Split-komplementer +150° +210°
- C3BEA1
Shaken or Stirred?
- AAC0D6
≈ Blue Thistle
- C5B7D1
≈ Sweet Scent
Tetradik +90° +180° +270°
- C3BEA1
Shaken or Stirred?
- A1C6C2
≈ Raindrop
- B7BBD7
≈ Hazy Sky
- D5B3B7
≈ Floss
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.87:1 · APCA Lc 36
Ag
AAADi atas hitam
WCAG 11.20:1 · APCA Lc 67
Warna teks terbaik: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Cuplikan kode
CSS
:root {
--shaken-or-stirred: #c3bea1;
--shaken-or-stirred-rgb: 195 190 161;
--shaken-or-stirred-oklch: oklch(0.798 0.04 99.1);
}
.element {
color: var(--shaken-or-stirred);
background-color: hsl(51 22% 70%);
border-color: oklch(0.798 0.04 99.1);
}Tailwind CSS v4
@theme {
--color-shaken-or-stirred: #c3bea1;
--color-shaken-or-stirred-50: #f7f6e9;
--color-shaken-or-stirred-100: #eae9da;
--color-shaken-or-stirred-200: #d7d5c2;
--color-shaken-or-stirred-300: #bbb8a1;
--color-shaken-or-stirred-400: #a49f85;
--color-shaken-or-stirred-500: #8c8769;
--color-shaken-or-stirred-600: #777259;
--color-shaken-or-stirred-700: #5f5b47;
--color-shaken-or-stirred-800: #464333;
--color-shaken-or-stirred-900: #302e23;
--color-shaken-or-stirred-950: #1d1b12;
}SCSS
$shaken-or-stirred: #c3bea1;
$shaken-or-stirred-rgb: 195, 190, 161;
$shaken-or-stirred-light: mix(#fff, $shaken-or-stirred, 20%);
$shaken-or-stirred-dark: mix(#000, $shaken-or-stirred, 20%);
.element {
color: $shaken-or-stirred;
box-shadow: 0 0 0 2px rgba($shaken-or-stirred, 0.35);
}