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
홈/색상/#D58A3F

가장 가까운 이름 색상 · #D58A3F

#D58A3F

가장 가까운 이름 색상: Cognac

#D58A3F(rgb(213 138 63), hsl(30 64% 54%), oklch(0.697 0.128 62.7))와 가장 가까운 이름 색상은 Cognac입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? →

#D58A3F

oklch(0.697 0.128 62.7)

색상 변환

HEX
#d58a3f
RGB
rgb(213 138 63)
HSL
hsl(30 64% 54%)
HWB
hwb(30 25% 16%)
OKLCH
oklch(0.697 0.128 62.7)
OKLab
oklab(0.697 0.059 0.114)
CIE Lab
lab(64.42 24.73 51.02)
LCH
lch(64.42 56.7 64.1)
CMYK
cmyk(0% 35% 70% 16%)

틴트 · 셰이드 · 톤

틴트

  • DA9656
  • DFA26A
  • E3AD7D
  • E8B990
  • ECC5A3
  • F0D0B5
  • F4DCC8
  • F8E8DA
  • FCF3EC

셰이드

  • B97735
  • 9E652C
  • 835323
  • 6A421B
  • 513212
  • 3A220A
  • 241404
  • 100701
  • 020100

톤

  • CD8A49
  • C48951
  • BC8859
  • B48760
  • AB8666
  • A3856C
  • 9A8471
  • 928376
  • 89827B

색 조화

보색 +180°

  • D58A3F

    Cognac

  • 4BA6E6

    ≈ High Blue

유사색 -30° +30°

  • D58A3F

    Cognac

  • E17E69

    ≈ Sari

  • B99B2C

    ≈ Buddha Gold

삼각 배색 +120° +240°

  • D58A3F

    Cognac

  • 00B6A4

    ≈ Aare River

  • AD89DF

    ≈ Middy’s Purple

분열 보색 +150° +210°

  • D58A3F

    Cognac

  • 00B1CA

    ≈ Havasupai Falls

  • 8397ED

    ≈ Periwinkle Blue

사각 배색 +90° +180° +270°

  • D58A3F

    Cognac

  • 57B476

    ≈ Ming Green

  • 4BA6E6

    ≈ High Blue

  • CC7EC0

    ≈ Peruvian Lily

대비 및 접근성

Ag

흰색 위

WCAG 2.78:1 · APCA Lc 53

Fail
Ag

검은색 위

WCAG 7.53:1 · APCA Lc 48

AAA

가장 좋은 글자색: #000000

WCAG 7.53:1 (AAA) · APCA Lc 48

Contrast pairs

  • #D58A3F / #FFFFFF
  • #D58A3F / #000000
  • #FFFFFF / #D58A3F
  • #000000 / #D58A3F

코드 스니펫

CSS

:root {
  --cognac: #d58a3f;
  --cognac-rgb: 213 138 63;
  --cognac-oklch: oklch(0.697 0.128 62.7);
}

.element {
  color: var(--cognac);
  background-color: hsl(30 64% 54%);
  border-color: oklch(0.697 0.128 62.7);
}

Tailwind CSS v4

@theme {
  --color-cognac: #d58a3f;
  --color-cognac-50: #ffeed0;
  --color-cognac-100: #ffe0bc;
  --color-cognac-200: #fbc99b;
  --color-cognac-300: #e5aa6f;
  --color-cognac-400: #d38c47;
  --color-cognac-500: #c07004;
  --color-cognac-600: #a25f0c;
  --color-cognac-700: #824c0b;
  --color-cognac-800: #623608;
  --color-cognac-900: #442505;
  --color-cognac-950: #2c1300;
}

SCSS

$cognac: #d58a3f;
$cognac-rgb: 213, 138, 63;
$cognac-light: mix(#fff, $cognac, 20%);
$cognac-dark: mix(#000, $cognac, 20%);

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

비슷한 이름 색상

  • D28B42

    Buried Treasure

  • D48C46

    Cognac

  • D58A37

    Caramelise

  • D98A3F

    Coppersmith

  • D48740

    Jazz Brass

  • D28A47

    Hazelnut Coffee

  • D48948

    Acorn Nut

  • D8863B

    Dull Orange

  • D5892F

    Opulent

  • D78E48

    Golden Nugget

  • D88B4D

    Serape

  • DD8833

    Kanafeh

Palettes with similar colors

  • Steady Touch of Glamour CircuitYellow · Warm
  • Pure Copperhead DuneYellow · Warm
  • Bold Red-Handed AtelierOrange · Warm
  • Steady Blasphemous Blue BloomViolet · Cold
  • Classic Salt Caramel HorizonGreen · Warm
  • Steady Ginger NexusYellow · 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