Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
首页/颜色/#B33F8D

最接近的命名颜色 · #B33F8D

#B33F8D

最接近的命名颜色: Fandango

#B33F8D(rgb(179 63 141)、hsl(320 48% 47%)、oklch(0.555 0.173 343))最接近命名颜色 Fandango。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度,以及 CSS、Tailwind v4 和 SCSS 代码。

What does Pink mean? →

#B33F8D

oklch(0.555 0.173 343)

颜色转换

HEX
#b33f8d
RGB
rgb(179 63 141)
HSL
hsl(320 48% 47%)
HWB
hwb(320 25% 30%)
OKLCH
oklch(0.555 0.173 343)
OKLab
oklab(0.555 0.165 -0.05)
CIE Lab
lab(45.92 53.55 -18.22)
LCH
lch(45.92 56.57 341.2)
CMYK
cmyk(0% 65% 21% 30%)

浅色调 · 深色调 · 灰色调

浅色调

  • BC5498
  • C568A3
  • CE7BAE
  • D68EBA
  • DEA1C5
  • E6B3D1
  • EDC6DC
  • F3D9E8
  • F9ECF3

深色调

  • 9B357A
  • 842C67
  • 6E2355
  • 581B44
  • 431233
  • 2F0A23
  • 1D0414
  • 0C0107
  • 010001

灰色调

  • AF488C
  • AB508B
  • A75789
  • A25E88
  • 9D6587
  • 986B86
  • 937084
  • 8D7683
  • 877B81

配色和谐

互补色 +180°

  • B33F8D

    Fandango

  • 00885E

    ≈ Primal Green

类似色 -30° +30°

  • B33F8D

    Fandango

  • 954DB9

    ≈ Tyrian Shimmer

  • C23A55

    ≈ Dingy Dungeon

三角配色 +120° +240°

  • B33F8D

    Fandango

  • 807500

    ≈ Tool Green

  • 007F9F

    ≈ Deep Universe

分裂互补色 +150° +210°

  • B33F8D

    Fandango

  • 4C8500

    ≈ Kelp Forest

  • 008482

    ≈ Marine Teal

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

  • B33F8D

    Fandango

  • 9C6600

    ≈ Gamboge Brown

  • 00885E

    ≈ Primal Green

  • 0073D3

    ≈ Wizard Blue

对比度与无障碍

Ag

白底

WCAG 5.23:1 · APCA Lc 75

AA
Ag

黑底

WCAG 4.01:1 · APCA Lc 27

Fail

最佳文字颜色: #FFFFFF

WCAG 5.23:1 (AA) · APCA Lc 75

Contrast pairs

  • #B33F8D / #FFFFFF
  • #B33F8D / #000000
  • #FFFFFF / #B33F8D
  • #000000 / #B33F8D

代码片段

CSS

:root {
  --fandango: #b33f8d;
  --fandango-rgb: 179 63 141;
  --fandango-oklch: oklch(0.555 0.173 343);
}

.element {
  color: var(--fandango);
  background-color: hsl(320 48% 47%);
  border-color: oklch(0.555 0.173 343);
}

Tailwind CSS v4

@theme {
  --color-fandango: #b33f8d;
  --color-fandango-50: #ffe2ff;
  --color-fandango-100: #ffd1f5;
  --color-fandango-200: #ffb6e5;
  --color-fandango-300: #f592cb;
  --color-fandango-400: #e270b9;
  --color-fandango-500: #cf4ca4;
  --color-fandango-600: #af418a;
  --color-fandango-700: #8c346f;
  --color-fandango-800: #682554;
  --color-fandango-900: #49193a;
  --color-fandango-950: #2f0924;
}

SCSS

$fandango: #b33f8d;
$fandango-rgb: 179, 63, 141;
$fandango-light: mix(#fff, $fandango, 20%);
$fandango-dark: mix(#000, $fandango, 20%);

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

相近的命名颜色

  • B53389

    Fandango

  • AA4488

    Romantic Rose

  • BB3388

    Lust Priestess

  • BB4488

    Orchid Ecstasy

  • BB3385

    Medium Red Violet

  • B44C97

    Safflower Purple

  • BB3381

    Very Berry

  • AA4C8F

    Plum Dust

  • AD4D8C

    Purple Orchid

  • C0448F

    Boat Orchid

  • B73879

    Fuchsia Red

  • A3498A

    La la Lavender

Palettes with similar colors

  • Fandango StudioRed · Warm
  • Fandango DriftRed · Warm
  • Steady Fandango SignalRed · Warm
  • Classic Fandango DeltaRed · Warm
  • Pure Fandango LedgerRed · Warm
  • Pure Fandango NoirRed · Warm

在工具中打开

取色器配色组合对比度检测StudioJSON API
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA