이름 색상 · #FF4411

Coin Slot

Coin Slot은(는) #FF4411: rgb(255 68 17), hsl(13 100% 53%), oklch(0.66 0.229 34.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Coin Slot color name →

#FF4411

oklch(0.66 0.229 34.2)

색상 변환

HEX: #ff4411
RGB: rgb(255 68 17)
HSL: hsl(13 100% 53%)
HWB: hwb(13 7% 0%)
OKLCH: oklch(0.66 0.229 34.2)
OKLab: oklab(0.66 0.189 0.129)
CIE Lab: lab(58.44 69.57 67.23)
LCH: lch(58.44 96.75 44)
CMYK: cmyk(0% 73% 93% 0%)

틴트 · 셰이드 · 톤

틴트

FF5E39
FF7453
FF886A
FF9A80
FFAC95
FFBDAB
FFCEC0
FFDED5
FFEFEA

셰이드

DE3A0D
BE3009
9E2606
801D04
631402
480C01
2E0500
160200
030000

톤

F4502A
E85A39
DC6145
D06850
C46E59
B87362
AB776A
9D7A72
8F7D79

색 조화

보색 +180°

FF4411
Coin Slot
00A4BD
≈ Maui

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.45:1 · APCA Lc 60

Fail

검은색 위

WCAG 6.08:1 · APCA Lc 41

가장 좋은 글자색: #000000

WCAG 6.08:1 (AA) · APCA Lc 41

Contrast pairs

코드 스니펫

CSS

:root {
  --coin-slot: #ff4411;
  --coin-slot-rgb: 255 68 17;
  --coin-slot-oklch: oklch(0.66 0.229 34.2);
}

.element {
  color: var(--coin-slot);
  background-color: hsl(13 100% 53%);
  border-color: oklch(0.66 0.229 34.2);
}

Tailwind CSS v4

@theme {
  --color-coin-slot: #ff4411;
  --color-coin-slot-50: #ffdfc8;
  --color-coin-slot-100: #ffcdb2;
  --color-coin-slot-200: #ffaf8e;
  --color-coin-slot-300: #ff865e;
  --color-coin-slot-400: #ff5a32;
  --color-coin-slot-500: #f91600;
  --color-coin-slot-600: #d21b00;
  --color-coin-slot-700: #a91700;
  --color-coin-slot-800: #7f0c00;
  --color-coin-slot-900: #5a0800;
  --color-coin-slot-950: #3c0000;
}

SCSS

$coin-slot: #ff4411;
$coin-slot-rgb: 255, 68, 17;
$coin-slot-light: mix(#fff, $coin-slot, 20%);
$coin-slot-dark: mix(#000, $coin-slot, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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