命名颜色 · #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