Adlandırılmış renk · #C3BEA1
Shaken or Stirred?
Shaken or Stirred?, #C3BEA1: rgb(195 190 161), hsl(51 22% 70%), oklch(0.798 0.04 99.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Shaken or Stirred? color name →
#C3BEA1
oklch(0.798 0.04 99.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C9C4AA
- CFCBB3
- D5D1BD
- DBD8C6
- E1DECF
- E7E5D9
- EDEBE2
- F3F2EC
- F9F8F5
Koyu tonlar
- A9A58B
- 908C76
- 787562
- 605E4E
- 4A483C
- 34332A
- 201F19
- 0E0D09
- 020201
Gri tonlar
- BCB89E
- B5B19A
- AEAB97
- A8A594
- A19F91
- 9A988D
- 94928A
- 8D8C87
- 868683
Renk uyumları
Tamamlayıcı +180°
- C3BEA1
Shaken or Stirred?
- B7BBD7
≈ Hazy Sky
Analog -30° +30°
- C3BEA1
Shaken or Stirred?
- CEB9A2
≈ Rustic Taupe
- B5C3A8
≈ Desolace Dew
Üçlü +120° +240°
- C3BEA1
Shaken or Stirred?
- A1C4CF
≈ Alluring Blue
- CFB4C6
≈ Tsarina
Bölünmüş tamamlayıcı +150° +210°
- C3BEA1
Shaken or Stirred?
- AAC0D6
≈ Blue Thistle
- C5B7D1
≈ Sweet Scent
Dörtlü +90° +180° +270°
- C3BEA1
Shaken or Stirred?
- A1C6C2
≈ Raindrop
- B7BBD7
≈ Hazy Sky
- D5B3B7
≈ Floss
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.87:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.20:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
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);
}