이름 색상 · #B8473D

Habañero Chile

Habañero Chile은(는) #B8473D: rgb(184 71 61), hsl(5 50% 48%), oklch(0.549 0.149 28). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Habañero Chile color name →

#B8473D

oklch(0.549 0.149 28)

색상 변환

HEX: #b8473d
RGB: rgb(184 71 61)
HSL: hsl(5 50% 48%)
HWB: hwb(5 24% 28%)
OKLCH: oklch(0.549 0.149 28)
OKLab: oklab(0.549 0.131 0.07)
CIE Lab: lab(46.26 46.12 30.88)
LCH: lch(46.26 55.5 33.8)
CMYK: cmyk(0% 61% 67% 28%)

틴트 · 셰이드 · 톤

틴트

C15B50
CA6E63
D28075
DA9288
E1A49B
E8B6AF
EFC8C2
F5DAD6
FAEDEB

셰이드

A03D34
88322B
712822
5B1F1A
451612
310D0A
1E0604
0C0201
020000

톤

B44F45
AF564C
AA5C53
A56259
A06860
9A6D67
95726D
8E7773
877C7A

색 조화

보색 +180°

B8473D
Habañero Chile
00808E
≈ Briny

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 5.24:1 · APCA Lc 75

검은색 위

WCAG 4.00:1 · APCA Lc 26

Fail

가장 좋은 글자색: #FFFFFF

WCAG 5.24:1 (AA) · APCA Lc 75

Contrast pairs

코드 스니펫

CSS

:root {
  --habanero-chile: #b8473d;
  --habanero-chile-rgb: 184 71 61;
  --habanero-chile-oklch: oklch(0.549 0.149 28);
}

.element {
  color: var(--habanero-chile);
  background-color: hsl(5 50% 48%);
  border-color: oklch(0.549 0.149 28);
}

Tailwind CSS v4

@theme {
  --color-habanero-chile: #b8473d;
  --color-habanero-chile-50: #ffe6dc;
  --color-habanero-chile-100: #ffd6cb;
  --color-habanero-chile-200: #ffbdaf;
  --color-habanero-chile-300: #fa9a8a;
  --color-habanero-chile-400: #e9796c;
  --color-habanero-chile-500: #d7574b;
  --color-habanero-chile-600: #b54a40;
  --color-habanero-chile-700: #923b33;
  --color-habanero-chile-800: #6d2a26;
  --color-habanero-chile-900: #4d1c19;
  --color-habanero-chile-950: #320c0a;
}

SCSS

$habanero-chile: #b8473d;
$habanero-chile-rgb: 184, 71, 61;
$habanero-chile-light: mix(#fff, $habanero-chile, 20%);
$habanero-chile-dark: mix(#000, $habanero-chile, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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