命名颜色 · #FFE6C3

Neutral Peach

Neutral Peach 即 #FFE6C3：rgb(255 230 195)、hsl(35 100% 88%)、oklch(0.936 0.053 76.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Orange mean? → · Neutral Peach color name →

#FFE6C3

oklch(0.936 0.053 76.2)

颜色转换

HEX: #ffe6c3
RGB: rgb(255 230 195)
HSL: hsl(35 100% 88%)
HWB: hwb(35 76% 0%)
OKLCH: oklch(0.936 0.053 76.2)
OKLab: oklab(0.936 0.013 0.052)
CIE Lab: lab(92.7 4.96 20.4)
LCH: lch(92.7 21 76.3)
CMYK: cmyk(0% 10% 24% 0%)

浅色调 · 深色调 · 灰色调

浅色调

FFE9C9
FFEBCF
FFEED5
FFF0DB
FFF3E1
FFF5E7
FFF8ED
FFFAF3
FFFDF9

深色调

DEC8A9
BEAB90
9E8E78
807360
63594A
484034
2E2820
16130E
030302

灰色调

F2DBBC
E4D1B5
D7C6AF
CABCA8
BEB2A1
B1A89B
A49E94
98948D
8C8A87

配色和谐

互补色 +180°

FFE6C3
Neutral Peach
DDEBFF
≈ Hoarfrost

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.20:1 · APCA Lc 10

Fail

黑底

WCAG 17.35:1 · APCA Lc 94

AAA

最佳文字颜色: #000000

WCAG 17.35:1 (AAA) · APCA Lc 94

Contrast pairs

代码片段

CSS

:root {
  --neutral-peach: #ffe6c3;
  --neutral-peach-rgb: 255 230 195;
  --neutral-peach-oklch: oklch(0.936 0.053 76.2);
}

.element {
  color: var(--neutral-peach);
  background-color: hsl(35 100% 88%);
  border-color: oklch(0.936 0.053 76.2);
}

Tailwind CSS v4

@theme {
  --color-neutral-peach: #ffe6c3;
  --color-neutral-peach-50: #fef4e5;
  --color-neutral-peach-100: #f2e6d5;
  --color-neutral-peach-200: #e1d2bb;
  --color-neutral-peach-300: #c7b599;
  --color-neutral-peach-400: #b19b7b;
  --color-neutral-peach-500: #9b825e;
  --color-neutral-peach-600: #836e50;
  --color-neutral-peach-700: #695840;
  --color-neutral-peach-800: #4e402e;
  --color-neutral-peach-900: #362c1f;
  --color-neutral-peach-950: #21190f;
}

SCSS

$neutral-peach: #ffe6c3;
$neutral-peach-rgb: 255, 230, 195;
$neutral-peach-light: mix(#fff, $neutral-peach, 20%);
$neutral-peach-dark: mix(#000, $neutral-peach, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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