이름 색상 · #A28440

Arrow Rock

Arrow Rock은(는) #A28440: rgb(162 132 64), hsl(42 43% 44%), oklch(0.627 0.094 85.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Arrow Rock color name →

#A28440

oklch(0.627 0.094 85.6)

색상 변환

HEX: #a28440
RGB: rgb(162 132 64)
HSL: hsl(42 43% 44%)
HWB: hwb(42 25% 36%)
OKLCH: oklch(0.627 0.094 85.6)
OKLab: oklab(0.627 0.007 0.094)
CIE Lab: lab(56.97 5.89 40.5)
LCH: lch(56.97 40.92 81.7)
CMYK: cmyk(0% 19% 60% 36%)

틴트 · 셰이드 · 톤

틴트

AB9054
B49C68
BDA87B
C7B48D
D0C0A0
D9CDB3
E3D9C6
ECE6D9
F5F2EC

셰이드

8C7236
77602D
634F24
4F3F1B
3C2F13
2A200B
191205
0A0601
010100

톤

9F8448
9B8450
988357
94835E
918364
8E826A
8A8270
878175
83817B

색 조화

보색 +180°

A28440
Arrow Rock
6D87C2
≈ Violets Are Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.55:1 · APCA Lc 63

Fail

검은색 위

WCAG 5.91:1 · APCA Lc 39

가장 좋은 글자색: #000000

WCAG 5.91:1 (AA) · APCA Lc 39

Contrast pairs

코드 스니펫

CSS

:root {
  --arrow-rock: #a28440;
  --arrow-rock-rgb: 162 132 64;
  --arrow-rock-oklch: oklch(0.627 0.094 85.6);
}

.element {
  color: var(--arrow-rock);
  background-color: hsl(42 43% 44%);
  border-color: oklch(0.627 0.094 85.6);
}

Tailwind CSS v4

@theme {
  --color-arrow-rock: #a28440;
  --color-arrow-rock-50: #fff4d7;
  --color-arrow-rock-100: #f5e7c5;
  --color-arrow-rock-200: #e5d3a7;
  --color-arrow-rock-300: #ccb57f;
  --color-arrow-rock-400: #b89a5b;
  --color-arrow-rock-500: #a28133;
  --color-arrow-rock-600: #896d2d;
  --color-arrow-rock-700: #6e5723;
  --color-arrow-rock-800: #523f18;
  --color-arrow-rock-900: #392c0f;
  --color-arrow-rock-950: #231903;
}

SCSS

$arrow-rock: #a28440;
$arrow-rock-rgb: 162, 132, 64;
$arrow-rock-light: mix(#fff, $arrow-rock, 20%);
$arrow-rock-dark: mix(#000, $arrow-rock, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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