이름 색상 · #C3BEA1
Shaken or Stirred?
Shaken or Stirred?은(는) #C3BEA1: rgb(195 190 161), hsl(51 22% 70%), oklch(0.798 0.04 99.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Shaken or Stirred? color name →
#C3BEA1
oklch(0.798 0.04 99.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- C9C4AA
- CFCBB3
- D5D1BD
- DBD8C6
- E1DECF
- E7E5D9
- EDEBE2
- F3F2EC
- F9F8F5
셰이드
- A9A58B
- 908C76
- 787562
- 605E4E
- 4A483C
- 34332A
- 201F19
- 0E0D09
- 020201
톤
- BCB89E
- B5B19A
- AEAB97
- A8A594
- A19F91
- 9A988D
- 94928A
- 8D8C87
- 868683
색 조화
보색 +180°
- C3BEA1
Shaken or Stirred?
- B7BBD7
≈ Hazy Sky
유사색 -30° +30°
- C3BEA1
Shaken or Stirred?
- CEB9A2
≈ Rustic Taupe
- B5C3A8
≈ Desolace Dew
삼각 배색 +120° +240°
- C3BEA1
Shaken or Stirred?
- A1C4CF
≈ Alluring Blue
- CFB4C6
≈ Tsarina
분열 보색 +150° +210°
- C3BEA1
Shaken or Stirred?
- AAC0D6
≈ Blue Thistle
- C5B7D1
≈ Sweet Scent
사각 배색 +90° +180° +270°
- C3BEA1
Shaken or Stirred?
- A1C6C2
≈ Raindrop
- B7BBD7
≈ Hazy Sky
- D5B3B7
≈ Floss
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.20:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
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);
}