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
首页/颜色/#FE6974

最接近的命名颜色 · #FE6974

#FE6974

最接近的命名颜色: Begonia

#FE6974(rgb(254 105 116)、hsl(356 99% 70%)、oklch(0.709 0.182 18.6))最接近命名颜色 Begonia。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度,以及 CSS、Tailwind v4 和 SCSS 代码。

What does Red mean? →

#FE6974

oklch(0.709 0.182 18.6)

颜色转换

HEX
#fe6974
RGB
rgb(254 105 116)
HSL
hsl(356 99% 70%)
HWB
hwb(356 41% 0%)
OKLCH
oklch(0.709 0.182 18.6)
OKLab
oklab(0.709 0.172 0.058)
CIE Lab
lab(64.35 58.42 24.68)
LCH
lch(64.35 63.42 22.9)
CMYK
cmyk(0% 59% 54% 0%)

浅色调 · 深色调 · 灰色调

浅色调

  • FF7A81
  • FF8A8F
  • FF9A9D
  • FFA9AA
  • FFB8B8
  • FFC6C6
  • FFD4D4
  • FFE3E2
  • FFF1F1

深色调

  • DD5A64
  • BD4C54
  • 9E3E45
  • 803137
  • 632429
  • 47181B
  • 2D0C0F
  • 160405
  • 030001

灰色调

  • F26D76
  • E67177
  • DA7478
  • CE777A
  • C2797B
  • B57B7C
  • A97D7D
  • 9C7E7E
  • 8E7F7F

配色和谐

互补色 +180°

  • FE6974

    Begonia

  • 00B8BD

    ≈ Cyan Sky

类似色 -30° +30°

  • FE6974

    Begonia

  • F06BB4

    ≈ Fugitive Flamingo

  • F8771D

    ≈ Liquid Lava

三角配色 +120° +240°

  • FE6974

    Begonia

  • 60BB40

    ≈ Exit Light

  • 63A1FF

    ≈ Âbi Blue

分裂互补色 +150° +210°

  • FE6974

    Begonia

  • 00BD91

    ≈ Blarney

  • 00B1E6

    ≈ Blue Atoll

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

  • FE6974

    Begonia

  • AAA800

    ≈ Honey and Thyme

  • 00B8BD

    ≈ Cyan Sky

  • 9F8EFF

    ≈ Cobalite

对比度与无障碍

Ag

白底

WCAG 2.80:1 · APCA Lc 53

Fail
Ag

黑底

WCAG 7.48:1 · APCA Lc 49

AAA

最佳文字颜色: #000000

WCAG 7.48:1 (AAA) · APCA Lc 49

Contrast pairs

  • #FE6974 / #FFFFFF
  • #FE6974 / #000000
  • #FFFFFF / #FE6974
  • #000000 / #FE6974

代码片段

CSS

:root {
  --begonia: #fe6974;
  --begonia-rgb: 254 105 116;
  --begonia-oklch: oklch(0.709 0.182 18.6);
}

.element {
  color: var(--begonia);
  background-color: hsl(356 99% 70%);
  border-color: oklch(0.709 0.182 18.6);
}

Tailwind CSS v4

@theme {
  --color-begonia: #fe6974;
  --color-begonia-50: #ffe1df;
  --color-begonia-100: #ffd0ce;
  --color-begonia-200: #ffb5b3;
  --color-begonia-300: #ff8f8f;
  --color-begonia-400: #f76a74;
  --color-begonia-500: #e54155;
  --color-begonia-600: #c23948;
  --color-begonia-700: #9c2d3a;
  --color-begonia-800: #741f2b;
  --color-begonia-900: #52151d;
  --color-begonia-950: #36050d;
}

SCSS

$begonia: #fe6974;
$begonia-rgb: 254, 105, 116;
$begonia-light: mix(#fff, $begonia, 20%);
$begonia-dark: mix(#000, $begonia, 20%);

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

相近的命名颜色

  • FF6677

    Kisses and Hugs

  • FA6E79

    Begonia

  • F96D7B

    Fiery Flamingo

  • FF616B

    Grenadine Pink

  • F56C73

    Sugar Coral

  • FF6666

    Pompelmo

  • F97272

    Georgia Peach

  • FF737E

    Salmon Rose

  • FC6D84

    Wild Watermelon

  • FF6163

    Fusion Red

  • FC6C85

    Ultra Red

  • F46C80

    Strawberry Pink

Palettes with similar colors

  • Bold Passion for Revenge DuneOrange · Warm
  • Vulcan Fire GardenOrange · Warm
  • Pure Kirsch CanvasOrange · Warm
  • Classic Dropped Brick ArchiveOrange · Warm
  • Steady Brink Pink OrchardRed · Warm
  • Pure Cardinal DuneTrending · Orange

在工具中打开

取色器配色组合对比度检测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