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
Trang chủ/Màu sắc/#D084A3

Màu có tên gần nhất · #D084A3

#D084A3

Màu có tên gần nhất: Kiss

#D084A3 (rgb(208 132 163), hsl(336 45% 67%), oklch(0.701 0.101 354)) gần nhất với màu có tên Kiss. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.

What does Red mean? →

#D084A3

oklch(0.701 0.101 354)

Chuyển đổi màu

HEX
#d084a3
RGB
rgb(208 132 163)
HSL
hsl(336 45% 67%)
HWB
hwb(336 52% 18%)
OKLCH
oklch(0.701 0.101 354)
OKLab
oklab(0.701 0.1 -0.011)
CIE Lab
lab(64 33.09 -3.66)
LCH
lch(64 33.3 353.7)
CMYK
cmyk(0% 37% 22% 18%)

Sắc nhạt · Sắc đậm · Sắc xám

Sắc nhạt

  • D690AC
  • DB9CB5
  • E0A9BE
  • E5B5C7
  • EAC1D0
  • EECDD9
  • F3DAE3
  • F7E6EC
  • FBF2F5

Sắc đậm

  • B5728D
  • 9A6078
  • 804F63
  • 673F4F
  • 4F2F3C
  • 39202A
  • 231219
  • 10060A
  • 020101

Sắc xám

  • C8849F
  • C0849C
  • B98498
  • B18395
  • A98391
  • A1838E
  • 99828A
  • 918187
  • 888183

Hòa sắc

Bổ túc +180°

  • D084A3

    Kiss

  • 50B39A

    ≈ Electra

Tương đồng -30° +30°

  • D084A3

    Kiss

  • BE89C2

    ≈ Dragonflies

  • D68580

    ≈ Salmon Pate

Bộ ba +120° +240°

  • D084A3

    Kiss

  • 9EA659

    ≈ Springtide Melodies

  • 59A9D4

    ≈ Hoeth Blue

Bổ túc chia +150° +210°

  • D084A3

    Kiss

  • 77AF76

    ≈ Alfalfa Bug

  • 40B1BB

    ≈ Thalassa

Bộ bốn +90° +180° +270°

  • D084A3

    Kiss

  • BC9950

    ≈ Tangy Green

  • 50B39A

    ≈ Electra

  • 7F9EDE

    ≈ Portage

Tương phản và khả năng tiếp cận

Ag

Trên nền trắng

WCAG 2.79:1 · APCA Lc 54

Fail
Ag

Trên nền đen

WCAG 7.51:1 · APCA Lc 48

AAA

Màu chữ tốt nhất: #000000

WCAG 7.51:1 (AAA) · APCA Lc 48

Contrast pairs

  • #D084A3 / #FFFFFF
  • #D084A3 / #000000
  • #FFFFFF / #D084A3
  • #000000 / #D084A3

Đoạn mã

CSS

:root {
  --kiss: #d084a3;
  --kiss-rgb: 208 132 163;
  --kiss-oklch: oklch(0.701 0.101 354);
}

.element {
  color: var(--kiss);
  background-color: hsl(336 45% 67%);
  border-color: oklch(0.701 0.101 354);
}

Tailwind CSS v4

@theme {
  --color-kiss: #d084a3;
  --color-kiss-50: #ffeaf6;
  --color-kiss-100: #ffdbe9;
  --color-kiss-200: #f9c3d6;
  --color-kiss-300: #e2a2b9;
  --color-kiss-400: #cd85a2;
  --color-kiss-500: #b9688b;
  --color-kiss-600: #9d5975;
  --color-kiss-700: #7e475e;
  --color-kiss-800: #5d3346;
  --color-kiss-900: #412330;
  --color-kiss-950: #29121d;
}

SCSS

$kiss: #d084a3;
$kiss-rgb: 208, 132, 163;
$kiss-light: mix(#fff, $kiss, 20%);
$kiss-dark: mix(#000, $kiss, 20%);

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

Các màu có tên tương tự

  • D182A0

    Heirloom Rose

  • D6859F

    Primrose

  • CA83A7

    Moonlight Mauve

  • D5869D

    Dull Pink

  • CD899E

    Orchid Smoke

  • D28CA7

    Kiss

  • CB8097

    Cashmere Rose

  • D37C99

    Little Bow Pink

  • D38798

    Speckled Easter Egg

  • CC8899

    Puce

  • D08A9B

    Can Can

  • DD84A3

    Sweet Chrysanthemum

Palettes with similar colors

  • Vicious Violet PrismRed · 8 Colors
  • True Malevolent Mauve NexusRed · Warm
  • Steady Liaison PrismRed · Warm
  • True Extravagant Blush AtelierRed · Warm
  • Pure Mauve It QuartzTrending · Red
  • Classic Lipstick AtelierRed · Warm

Mở trong công cụ

Bộ chọnCặp màuKiểm tra tương phảnStudioJSON 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