命名颜色 · #D75969

Dragon Fruit

Dragon Fruit 即 #D75969：rgb(215 89 105)、hsl(352 61% 60%)、oklch(0.629 0.159 15.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Red mean? → · Dragon Fruit color name →

#D75969

oklch(0.629 0.159 15.2)

颜色转换

HEX: #d75969
RGB: rgb(215 89 105)
HSL: hsl(352 61% 60%)
HWB: hwb(352 35% 16%)
OKLCH: oklch(0.629 0.159 15.2)
OKLab: oklab(0.629 0.153 0.042)
CIE Lab: lab(55.21 51.4 17.59)
LCH: lch(55.21 54.33 18.9)
CMYK: cmyk(0% 59% 51% 16%)

浅色调 · 深色调 · 灰色调

浅色调

DD6B77
E37C85
E88D94
ED9EA3
F1AEB2
F5BEC1
F8CED0
FBDEE0
FDEFEF

深色调

BB4C5A
9F404C
85343E
6B2831
521D24
3B1318
25090C
110304
020000

灰色调

CF5F6B
C7646E
BF6970
B76D73
AF7175
A67477
9D7879
947B7C
8A7D7E

配色和谐

互补色 +180°

D75969
Dragon Fruit
009D9D
≈ Talismanic Teal

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 3.80:1 · APCA Lc 65

Fail

黑底

WCAG 5.52:1 · APCA Lc 37

最佳文字颜色: #000000

WCAG 5.52:1 (AA) · APCA Lc 37

Contrast pairs

代码片段

CSS

:root {
  --dragon-fruit: #d75969;
  --dragon-fruit-rgb: 215 89 105;
  --dragon-fruit-oklch: oklch(0.629 0.159 15.2);
}

.element {
  color: var(--dragon-fruit);
  background-color: hsl(352 61% 60%);
  border-color: oklch(0.629 0.159 15.2);
}

Tailwind CSS v4

@theme {
  --color-dragon-fruit: #d75969;
  --color-dragon-fruit-50: #ffe4e5;
  --color-dragon-fruit-100: #ffd3d5;
  --color-dragon-fruit-200: #ffb9bc;
  --color-dragon-fruit-300: #fe949a;
  --color-dragon-fruit-400: #ed7380;
  --color-dragon-fruit-500: #da4f63;
  --color-dragon-fruit-600: #b84454;
  --color-dragon-fruit-700: #943643;
  --color-dragon-fruit-800: #6e2632;
  --color-dragon-fruit-900: #4e1922;
  --color-dragon-fruit-950: #330911;
}

SCSS

$dragon-fruit: #d75969;
$dragon-fruit-rgb: 215, 89, 105;
$dragon-fruit-light: mix(#fff, $dragon-fruit, 20%);
$dragon-fruit-dark: mix(#000, $dragon-fruit, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

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