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/#020A1E

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

#020A1E

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

#020A1E (rgb(2 10 30), hsl(223 88% 6%), oklch(0.149 0.046 260.4)) gần nhất với màu có tên Void. 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 Blue mean? →

#020A1E

oklch(0.149 0.046 260.4)

Chuyển đổi màu

HEX
#020a1e
RGB
rgb(2 10 30)
HSL
hsl(223 88% 6%)
HWB
hwb(223 1% 88%)
OKLCH
oklch(0.149 0.046 260.4)
OKLab
oklab(0.149 -0.008 -0.045)
CIE Lab
lab(2.8 1.23 -12.87)
LCH
lch(2.8 12.93 275.4)
CMYK
cmyk(93% 67% 0% 88%)

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

Sắc nhạt

  • 121E31
  • 283346
  • 3F495B
  • 576170
  • 717987
  • 8C939E
  • A7ADB5
  • C4C7CD
  • E1E3E6

Sắc đậm

  • 010719
  • 010513
  • 01030E
  • 000209
  • 000105
  • 000103
  • 000001
  • 000000
  • 000000

Sắc xám

  • 091427
  • 151F31
  • 212A3A
  • 2D3644
  • 3A414D
  • 474D57
  • 555A61
  • 63666B
  • 717376

Hòa sắc

Bổ túc +180°

  • 020A1E

    Void

  • 120900

    ≈ Blackout

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

  • 020A1E

    Void

  • 000D15

    ≈ Black Knight

  • 0B071D

    ≈ Not Tonight

Bộ ba +120° +240°

  • 020A1E

    Void

  • 1A0304

    ≈ Dwarf Fortress

  • 020F00

    ≈ Cosmic Bit Flip

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

  • 020A1E

    Void

  • 170600

    ≈ Soy Sauce

  • 0C0C00

    ≈ Whiten’t

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

  • 020A1E

    Void

  • 18030E

    ≈ Crow

  • 120900

    ≈ Blackout

  • 000F09

    ≈ Alpine Salamander

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

Ag

Trên nền trắng

WCAG 19.72:1 · APCA Lc 106

AAA
Ag

Trên nền đen

WCAG 1.06:1 · APCA Lc 0

Fail

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

WCAG 19.72:1 (AAA) · APCA Lc 106

Contrast pairs

  • #020A1E / #FFFFFF
  • #020A1E / #000000
  • #FFFFFF / #020A1E
  • #000000 / #020A1E

Đoạn mã

CSS

:root {
  --void: #020a1e;
  --void-rgb: 2 10 30;
  --void-oklch: oklch(0.149 0.046 260.4);
}

.element {
  color: var(--void);
  background-color: hsl(223 88% 6%);
  border-color: oklch(0.149 0.046 260.4);
}

Tailwind CSS v4

@theme {
  --color-void: #020a1e;
  --color-void-50: #eef6ff;
  --color-void-100: #e0e8f8;
  --color-void-200: #cad5e9;
  --color-void-300: #abb8d0;
  --color-void-400: #8f9fba;
  --color-void-500: #7587a5;
  --color-void-600: #63728c;
  --color-void-700: #4f5b70;
  --color-void-800: #394353;
  --color-void-900: #272e3a;
  --color-void-950: #151b24;
}

SCSS

$void: #020a1e;
$void-rgb: 2, 10, 30;
$void-light: mix(#fff, $void, 20%);
$void-dark: mix(#000, $void, 20%);

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

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

  • 01081C

    Melanophobia

  • 050D25

    Void

  • 0C0C1F

    Tristesse

  • 060B14

    Dark Rift

  • 010B13

    Black Knight

  • 060929

    Mysterious Depths

  • 001122

    Kuretake Black Manga

  • 080813

    Narwhal Grey

  • 090615

    Not Tonight

  • 0B0F1A

    Nyctophobia

  • 0B0C14

    Midnight Oil

  • 060313

    Obsidian Shard

Palettes with this color

  • Pure Wizard GlacierViolet · Gray

Palettes with similar colors

  • Steady Starry Night AtelierViolet · Cold
  • Pure Blasphemous Blue LatticeViolet · Cold
  • Classic Starry Night SignalViolet · Cold
  • Steady Deep Sky Blue LatticeViolet · Cold
  • Pure Sail On BloomViolet · Cold
  • Classic Wing Commander NexusViolet · Cold

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