이름 색상 · #FFBB11

Bitcoin

Bitcoin은(는) #FFBB11: rgb(255 187 17), hsl(43 100% 53%), oklch(0.833 0.169 81.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Bitcoin color name →

#FFBB11

oklch(0.833 0.169 81.6)

색상 변환

HEX: #ffbb11
RGB: rgb(255 187 17)
HSL: hsl(43 100% 53%)
HWB: hwb(43 7% 0%)
OKLCH: oklch(0.833 0.169 81.6)
OKLab: oklab(0.833 0.025 0.168)
CIE Lab: lab(80.69 16.7 80.46)
LCH: lch(80.69 82.17 78.3)
CMYK: cmyk(0% 27% 93% 0%)

틴트 · 셰이드 · 톤

틴트

FFC245
FFCA61
FFD179
FFD88F
FFDFA3
FFE5B6
FFECC9
FFF2DB
FFF9ED

셰이드

DEA20D
BE8A09
9E7306
805C04
634602
483201
2E1F00
160D00
030200

톤

F2B533
E5B045
D8AA52
CBA45C
BE9E65
B2996C
A59372
998C77
8C867C

색 조화

보색 +180°

FFBB11
Bitcoin
ABC9FF
≈ Night Snow

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.69:1 · APCA Lc 30

Fail

검은색 위

WCAG 12.36:1 · APCA Lc 73

AAA

가장 좋은 글자색: #000000

WCAG 12.36:1 (AAA) · APCA Lc 73

Contrast pairs

코드 스니펫

CSS

:root {
  --bitcoin: #ffbb11;
  --bitcoin-rgb: 255 187 17;
  --bitcoin-oklch: oklch(0.833 0.169 81.6);
}

.element {
  color: var(--bitcoin);
  background-color: hsl(43 100% 53%);
  border-color: oklch(0.833 0.169 81.6);
}

Tailwind CSS v4

@theme {
  --color-bitcoin: #ffbb11;
  --color-bitcoin-50: #fff2be;
  --color-bitcoin-100: #ffe4a7;
  --color-bitcoin-200: #f7ce7d;
  --color-bitcoin-300: #e1af42;
  --color-bitcoin-400: #d09100;
  --color-bitcoin-500: #bd7500;
  --color-bitcoin-600: #9f6300;
  --color-bitcoin-700: #804f00;
  --color-bitcoin-800: #603900;
  --color-bitcoin-900: #442700;
  --color-bitcoin-950: #2b1500;
}

SCSS

$bitcoin: #ffbb11;
$bitcoin-rgb: 255, 187, 17;
$bitcoin-light: mix(#fff, $bitcoin, 20%);
$bitcoin-dark: mix(#000, $bitcoin, 20%);

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

비슷한 이름 색상

Palettes with similar colors

Ember StudioTrending · Warm Neutral

도구에서 열기

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