이름 색상 · #BB6B41

Oak Palace

Oak Palace은(는) #BB6B41: rgb(187 107 65), hsl(21 48% 49%), oklch(0.609 0.117 47.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Oak Palace color name →

#BB6B41

oklch(0.609 0.117 47.3)

색상 변환

HEX: #bb6b41
RGB: rgb(187 107 65)
HSL: hsl(21 48% 49%)
HWB: hwb(21 25% 27%)
OKLCH: oklch(0.609 0.117 47.3)
OKLab: oklab(0.609 0.079 0.086)
CIE Lab: lab(53.94 29.98 37.6)
LCH: lch(53.94 48.09 51.4)
CMYK: cmyk(0% 43% 65% 27%)

틴트 · 셰이드 · 톤

틴트

C37A55
CA8867
D2977A
D9A68D
E0B49F
E7C3B2
EDD2C5
F3E1D8
F9F0EC

셰이드

A25C37
8A4E2E
733F25
5C321C
462513
32180B
1F0D05
0D0401
020000

톤

B66E49
B07050
AB7357
A5755D
9F7764
99796A
937B6F
8D7D75
877E7B

색 조화

보색 +180°

BB6B41
Oak Palace
0690B9
≈ Hawaiian Ocean

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.96:1 · APCA Lc 67

Fail

검은색 위

WCAG 5.29:1 · APCA Lc 35

가장 좋은 글자색: #000000

WCAG 5.29:1 (AA) · APCA Lc 35

Contrast pairs

코드 스니펫

CSS

:root {
  --oak-palace: #bb6b41;
  --oak-palace-rgb: 187 107 65;
  --oak-palace-oklch: oklch(0.609 0.117 47.3);
}

.element {
  color: var(--oak-palace);
  background-color: hsl(21 48% 49%);
  border-color: oklch(0.609 0.117 47.3);
}

Tailwind CSS v4

@theme {
  --color-oak-palace: #bb6b41;
  --color-oak-palace-50: #ffecd8;
  --color-oak-palace-100: #ffddc6;
  --color-oak-palace-200: #fec6a8;
  --color-oak-palace-300: #e9a682;
  --color-oak-palace-400: #d78860;
  --color-oak-palace-500: #c46b3b;
  --color-oak-palace-600: #a55b34;
  --color-oak-palace-700: #854929;
  --color-oak-palace-800: #63341d;
  --color-oak-palace-900: #452313;
  --color-oak-palace-950: #2d1205;
}

SCSS

$oak-palace: #bb6b41;
$oak-palace-rgb: 187, 107, 65;
$oak-palace-light: mix(#fff, $oak-palace, 20%);
$oak-palace-dark: mix(#000, $oak-palace, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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