이름 색상 · #C0B2B1

Jack Rabbit

Jack Rabbit은(는) #C0B2B1: rgb(192 178 177), hsl(4 11% 72%), oklch(0.775 0.016 22.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Jack Rabbit color name →

#C0B2B1

oklch(0.775 0.016 22.5)

색상 변환

HEX: #c0b2b1
RGB: rgb(192 178 177)
HSL: hsl(4 11% 72%)
HWB: hwb(4 69% 25%)
OKLCH: oklch(0.775 0.016 22.5)
OKLab: oklab(0.775 0.015 0.006)
CIE Lab: lab(73.75 5.04 2.41)
LCH: lch(73.75 5.59 25.6)
CMYK: cmyk(0% 7% 8% 25%)

틴트 · 셰이드 · 톤

틴트

C6B9B9
CCC1C0
D3C9C8
D9D0D0
DFD8D7
E5E0DF
ECE7E7
F2EFEF
F9F7F7

셰이드

A79A99
8E8383
766D6C
5F5757
494342
342F2F
201D1C
0E0C0C
020101

톤

B9ADAC
B3A8A7
ACA3A2
A69E9D
9F9998
999493
938F8E
8C8A8A
868585

색 조화

보색 +180°

C0B2B1
Jack Rabbit
ABB9BA
≈ Lagoon Reflection

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.04:1 · APCA Lc 40

Fail

검은색 위

WCAG 10.24:1 · APCA Lc 62

AAA

가장 좋은 글자색: #000000

WCAG 10.24:1 (AAA) · APCA Lc 62

Contrast pairs

코드 스니펫

CSS

:root {
  --jack-rabbit: #c0b2b1;
  --jack-rabbit-rgb: 192 178 177;
  --jack-rabbit-oklch: oklch(0.775 0.016 22.5);
}

.element {
  color: var(--jack-rabbit);
  background-color: hsl(4 11% 72%);
  border-color: oklch(0.775 0.016 22.5);
}

Tailwind CSS v4

@theme {
  --color-jack-rabbit: #c0b2b1;
  --color-jack-rabbit-50: #faf3f3;
  --color-jack-rabbit-100: #ede6e5;
  --color-jack-rabbit-200: #dbd2d1;
  --color-jack-rabbit-300: #c0b4b3;
  --color-jack-rabbit-400: #a89b9a;
  --color-jack-rabbit-500: #918281;
  --color-jack-rabbit-600: #7a6e6d;
  --color-jack-rabbit-700: #625857;
  --color-jack-rabbit-800: #484040;
  --color-jack-rabbit-900: #322c2c;
  --color-jack-rabbit-950: #1e1919;
}

SCSS

$jack-rabbit: #c0b2b1;
$jack-rabbit-rgb: 192, 178, 177;
$jack-rabbit-light: mix(#fff, $jack-rabbit, 20%);
$jack-rabbit-dark: mix(#000, $jack-rabbit, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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