最接近的命名颜色 · #480337
#480337
最接近的命名颜色: Dark Sanctuary
#480337（rgb(72 3 55)、hsl(315 92% 15%)、oklch(0.273 0.113 341.2)）最接近命名颜色 Dark Sanctuary。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#480337
oklch(0.273 0.113 341.2)
颜色转换
- HEX
- #480337
- RGB
- rgb(72 3 55)
- HSL
- hsl(315 92% 15%)
- HWB
- hwb(315 1% 72%)
- OKLCH
- oklch(0.273 0.113 341.2)
- OKLab
- oklab(0.273 0.107 -0.037)
- CIE Lab
- lab(14.05 34.54 -13.15)
- LCH
- lch(14.05 36.96 339.2)
- CMYK
- cmyk(0% 96% 24% 72%)
浅色调 · 深色调 · 灰色调
浅色调
- 5B1F49
- 6D375B
- 7F4E6E
- 916681
- A47E95
- B697AA
- C8B0BE
- DACAD4
- EDE4E9
深色调
- 3D022E
- 330226
- 29011E
- 1F0116
- 16000F
- 0D0008
- 060003
- 020001
- 000000
灰色调
- 4F143E
- 552145
- 5C2E4C
- 613954
- 67455B
- 6D5162
- 725C6A
- 776871
- 7C7478
配色和谐
互补色 +180°
- 480337
Dark Sanctuary
- 00301D
≈ Nightly Woods
类似色 -30° +30°
- 480337
Dark Sanctuary
- 390E4F
≈ Vanishing
- 4F0019
≈ Bloedworst
三角配色 +120° +240°
- 480337
Dark Sanctuary
- 2D2800
≈ Black Swan
- 002C38
≈ Black Chasm
分裂互补色 +150° +210°
- 480337
Dark Sanctuary
- 192E00
≈ Diminishing Green
- 002E2D
≈ Roof Tile Green
四角配色 +90° +180° +270°
- 480337
Dark Sanctuary
- 392100
≈ Medium Roast
- 00301D
≈ Nightly Woods
- 00284C
≈ Dark Tyrian Blue
对比度与无障碍
Ag
AAA白底
WCAG 15.62:1 · APCA Lc 101
Ag
Fail黑底
WCAG 1.34:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 15.62:1 (AAA) · APCA Lc 101
Contrast pairs
代码片段
CSS
:root {
--dark-sanctuary: #480337;
--dark-sanctuary-rgb: 72 3 55;
--dark-sanctuary-oklch: oklch(0.273 0.113 341.2);
}
.element {
color: var(--dark-sanctuary);
background-color: hsl(315 92% 15%);
border-color: oklch(0.273 0.113 341.2);
}Tailwind CSS v4
@theme {
--color-dark-sanctuary: #480337;
--color-dark-sanctuary-50: #ffe9fe;
--color-dark-sanctuary-100: #ffdaf2;
--color-dark-sanctuary-200: #f8c2e1;
--color-dark-sanctuary-300: #e1a0c7;
--color-dark-sanctuary-400: #cc83b2;
--color-dark-sanctuary-500: #b8669c;
--color-dark-sanctuary-600: #9b5784;
--color-dark-sanctuary-700: #7d456a;
--color-dark-sanctuary-800: #5c324f;
--color-dark-sanctuary-900: #402237;
--color-dark-sanctuary-950: #291122;
}SCSS
$dark-sanctuary: #480337;
$dark-sanctuary-rgb: 72, 3, 55;
$dark-sanctuary-light: mix(#fff, $dark-sanctuary, 20%);
$dark-sanctuary-dark: mix(#000, $dark-sanctuary, 20%);
.element {
color: $dark-sanctuary;
box-shadow: 0 0 0 2px rgba($dark-sanctuary, 0.35);
}