이름 색상 · #C1A98A

Cork Wedge

Cork Wedge은(는) #C1A98A: rgb(193 169 138), hsl(34 31% 65%), oklch(0.748 0.051 74). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Cork Wedge color name →

#C1A98A

oklch(0.748 0.051 74)

색상 변환

HEX: #c1a98a
RGB: rgb(193 169 138)
HSL: hsl(34 31% 65%)
HWB: hwb(34 54% 24%)
OKLCH: oklch(0.748 0.051 74)
OKLab: oklab(0.748 0.014 0.049)
CIE Lab: lab(70.77 5.53 19.44)
LCH: lch(70.77 20.21 74.1)
CMYK: cmyk(0% 12% 28% 24%)

틴트 · 셰이드 · 톤

틴트

C7B195
CDBAA1
D3C2AC
DACBB8
E0D3C4
E6DCCF
ECE5DB
F3EDE7
F9F6F3

셰이드

A79277
8F7C65
776753
5F5342
493F32
342C22
201B14
0E0A07
020101

톤

BAA589
B4A188
AD9D87
A79987
A09486
9A9085
938C83
8D8882
868481

색 조화

보색 +180°

C1A98A
Cork Wedge
97B0CD
≈ Heartsong

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 2.25:1 · APCA Lc 44

Fail

검은색 위

WCAG 9.30:1 · APCA Lc 58

AAA

가장 좋은 글자색: #000000

WCAG 9.30:1 (AAA) · APCA Lc 58

Contrast pairs

코드 스니펫

CSS

:root {
  --cork-wedge: #c1a98a;
  --cork-wedge-rgb: 193 169 138;
  --cork-wedge-oklch: oklch(0.748 0.051 74);
}

.element {
  color: var(--cork-wedge);
  background-color: hsl(34 31% 65%);
  border-color: oklch(0.748 0.051 74);
}

Tailwind CSS v4

@theme {
  --color-cork-wedge: #c1a98a;
  --color-cork-wedge-50: #fef4e5;
  --color-cork-wedge-100: #f2e6d6;
  --color-cork-wedge-200: #e1d2bd;
  --color-cork-wedge-300: #c7b49b;
  --color-cork-wedge-400: #b19a7d;
  --color-cork-wedge-500: #9b8160;
  --color-cork-wedge-600: #836e52;
  --color-cork-wedge-700: #695841;
  --color-cork-wedge-800: #4e402f;
  --color-cork-wedge-900: #362c20;
  --color-cork-wedge-950: #21190f;
}

SCSS

$cork-wedge: #c1a98a;
$cork-wedge-rgb: 193, 169, 138;
$cork-wedge-light: mix(#fff, $cork-wedge, 20%);
$cork-wedge-dark: mix(#000, $cork-wedge, 20%);

.element {
  color: $cork-wedge;
  box-shadow: 0 0 0 2px rgba($cork-wedge, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API