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

最接近的命名颜色 · #070C0D

#070C0D

最接近的命名颜色: Raven

#070C0D(rgb(7 12 13)、hsl(190 30% 4%)、oklch(0.149 0.009 210.4))最接近命名颜色 Raven。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度,以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? →

#070C0D

oklch(0.149 0.009 210.4)

颜色转换

HEX
#070c0d
RGB
rgb(7 12 13)
HSL
hsl(190 30% 4%)
HWB
hwb(190 3% 95%)
OKLCH
oklch(0.149 0.009 210.4)
OKLab
oklab(0.149 -0.008 -0.004)
CIE Lab
lab(3.03 -1.27 -0.93)
LCH
lch(3.03 1.58 216.3)
CMYK
cmyk(46% 8% 0% 95%)

浅色调 · 深色调 · 灰色调

浅色调

  • 1A1F20
  • 2F3435
  • 454A4B
  • 5D6162
  • 76797A
  • 909393
  • AAADAD
  • C6C7C8
  • E2E3E3

深色调

  • 05090A
  • 040607
  • 020405
  • 020303
  • 010202
  • 000101
  • 000000
  • 000000
  • 000000

灰色调

  • 111617
  • 1B2021
  • 272B2C
  • 323637
  • 3E4242
  • 4B4D4E
  • 585A5A
  • 656666
  • 727373

配色和谐

互补色 +180°

  • 070C0D

    Raven

  • 0E0A09

    ≈ Stout

类似色 -30° +30°

  • 070C0D

    Raven

  • 070C0B

    ≈ Dark Side of the Moon

  • 080B0E

    ≈ Raven

三角配色 +120° +240°

  • 070C0D

    Raven

  • 0D0A0D

    ≈ Raven

  • 0C0B07

    ≈ Raven

分裂互补色 +150° +210°

  • 070C0D

    Raven

  • 0E090B

    ≈ Chyornyi Black

  • 0E0A07

    ≈ Stout

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

  • 070C0D

    Raven

  • 0B0A0E

    ≈ Raven

  • 0E0A09

    ≈ Stout

  • 0A0C08

    ≈ Raven

对比度与无障碍

Ag

白底

WCAG 19.67:1 · APCA Lc 106

AAA
Ag

黑底

WCAG 1.06:1 · APCA Lc 0

Fail

最佳文字颜色: #FFFFFF

WCAG 19.67:1 (AAA) · APCA Lc 106

Contrast pairs

  • #070C0D / #FFFFFF
  • #070C0D / #000000
  • #FFFFFF / #070C0D
  • #000000 / #070C0D

代码片段

CSS

:root {
  --raven: #070c0d;
  --raven-rgb: 7 12 13;
  --raven-oklch: oklch(0.149 0.009 210.4);
}

.element {
  color: var(--raven);
  background-color: hsl(190 30% 4%);
  border-color: oklch(0.149 0.009 210.4);
}

Tailwind CSS v4

@theme {
  --color-raven: #070c0d;
  --color-raven-50: #f2f6f6;
  --color-raven-100: #e5e9e9;
  --color-raven-200: #d0d5d6;
  --color-raven-300: #b3b9ba;
  --color-raven-400: #99a0a1;
  --color-raven-500: #808889;
  --color-raven-600: #6c7374;
  --color-raven-700: #575c5d;
  --color-raven-800: #3f4344;
  --color-raven-900: #2b2e2f;
  --color-raven-950: #191b1b;
}

SCSS

$raven: #070c0d;
$raven-rgb: 7, 12, 13;
$raven-light: mix(#fff, $raven, 20%);
$raven-dark: mix(#000, $raven, 20%);

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

相近的命名颜色

  • 070D0D

    Dark Side of the Moon

  • 0B0B0B

    Raven

  • 0A0A0A

    Existential Angst

  • 0C0C0C

    Black Wash

  • 0A0908

    Badab Black Wash

  • 0F0B0A

    Stout

  • 080808

    Reversed Grey

  • 060B14

    Dark Rift

  • 0F0D0D

    Black Sheep

  • 090807

    Accursed Black

  • 0B0C14

    Midnight Oil

  • 010B13

    Black Knight

Palettes with this color

  • Steady Donkey Kong AtelierYellow · Warm
  • Steady Panorama CanvasBlue · Gray

Palettes with similar colors

  • Steady Purple Rain EmberPink · 4 Colors
  • True Dropped Brick HorizonOrange · Warm
  • Lobster DriftOrange · Warm
  • Steady Mediterranean Sea AtelierBlue · Cold
  • Blue Moon CascadeBlue · Gray
  • Pure Panela BriefYellow · Gray

在工具中打开

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