命名颜色 · #C8450C

Tennis Court

Tennis Court 即 #C8450C：rgb(200 69 12)、hsl(18 89% 42%)、oklch(0.568 0.177 39)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Red mean? → · Tennis Court color name →

#C8450C

oklch(0.568 0.177 39)

颜色转换

HEX: #c8450c
RGB: rgb(200 69 12)
HSL: hsl(18 89% 42%)
HWB: hwb(18 5% 22%)
OKLCH: oklch(0.568 0.177 39)
OKLab: oklab(0.568 0.137 0.111)
CIE Lab: lab(48.44 51.5 56.87)
LCH: lch(48.44 76.72 47.8)
CMYK: cmyk(0% 66% 94% 22%)

浅色调 · 深色调 · 灰色调

浅色调

D05B31
D76E4B
DE8162
E59379
EAA68F
F0B7A5
F4C9BB
F9DBD2
FCEDE8

深色调

AE3B09
943106
7B2704
631E03
4C1502
360C01
210500
0F0200
020000

灰色调

C24E24
BC5633
B65D3F
AF634A
A86954
A16E5D
9A7366
92786F
897C78

配色和谐

互补色 +180°

C8450C
Tennis Court
0084A0
≈ Blue Arc

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 4.86:1 · APCA Lc 73

黑底

WCAG 4.31:1 · APCA Lc 29

Fail

最佳文字颜色: #FFFFFF

WCAG 4.86:1 (AA) · APCA Lc 73

Contrast pairs

代码片段

CSS

:root {
  --tennis-court: #c8450c;
  --tennis-court-rgb: 200 69 12;
  --tennis-court-oklch: oklch(0.568 0.177 39);
}

.element {
  color: var(--tennis-court);
  background-color: hsl(18 89% 42%);
  border-color: oklch(0.568 0.177 39);
}

Tailwind CSS v4

@theme {
  --color-tennis-court: #c8450c;
  --color-tennis-court-50: #ffe5cf;
  --color-tennis-court-100: #ffd5bb;
  --color-tennis-court-200: #ffbb99;
  --color-tennis-court-300: #ff966e;
  --color-tennis-court-400: #f37348;
  --color-tennis-court-500: #e14e0b;
  --color-tennis-court-600: #be4311;
  --color-tennis-court-700: #99360e;
  --color-tennis-court-800: #73250c;
  --color-tennis-court-900: #511908;
  --color-tennis-court-950: #360800;
}

SCSS

$tennis-court: #c8450c;
$tennis-court-rgb: 200, 69, 12;
$tennis-court-light: mix(#fff, $tennis-court, 20%);
$tennis-court-dark: mix(#000, $tennis-court, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API