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

가장 가까운 이름 색상 · #0A0E4B

#0A0E4B

가장 가까운 이름 색상: Storm

#0A0E4B(rgb(10 14 75), hsl(236 76% 17%), oklch(0.217 0.109 270.2))와 가장 가까운 이름 색상은 Storm입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Blue mean? →

#0A0E4B

oklch(0.217 0.109 270.2)

색상 변환

HEX
#0a0e4b
RGB
rgb(10 14 75)
HSL
hsl(236 76% 17%)
HWB
hwb(236 4% 71%)
OKLCH
oklch(0.217 0.109 270.2)
OKLab
oklab(0.217 0 -0.109)
CIE Lab
lab(7.31 18.79 -38.74)
LCH
lch(7.31 43.06 295.9)
CMYK
cmyk(87% 81% 0% 71%)

틴트 · 셰이드 · 톤

틴트

  • 1B265D
  • 2F3D6F
  • 455380
  • 5D6A92
  • 7682A4
  • 909AB6
  • AAB2C8
  • C6CBDA
  • E2E5ED

셰이드

  • 070B40
  • 050735
  • 03052B
  • 020321
  • 010217
  • 01010E
  • 000006
  • 000002
  • 000000

톤

  • 121B51
  • 1C2757
  • 27325D
  • 323D63
  • 3E4868
  • 4B536D
  • 585E72
  • 656A77
  • 72757C

색 조화

보색 +180°

  • 0A0E4B

    Storm

  • 221900

    ≈ Cannon Black

유사색 -30° +30°

  • 0A0E4B

    Storm

  • 001C2E

    ≈ Oxford by Night

  • 230343

    ≈ Your Darkness

삼각 배색 +120° +240°

  • 0A0E4B

    Storm

  • 380100

    ≈ 3AM Breakup

  • 00210A

    ≈ Clock Chimes Thirteen

분열 보색 +150° +210°

  • 0A0E4B

    Storm

  • 2A1300

    ≈ Shadow Play

  • 171D00

    ≈ Yuzu Soy

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

  • 0A0E4B

    Storm

  • 360018

    ≈ Rhodophobia

  • 221900

    ≈ Cannon Black

  • 00201B

    ≈ Stellar Explorer

대비 및 접근성

Ag

흰색 위

WCAG 17.83:1 · APCA Lc 104

AAA
Ag

검은색 위

WCAG 1.17:1 · APCA Lc 0

Fail

가장 좋은 글자색: #FFFFFF

WCAG 17.83:1 (AAA) · APCA Lc 104

Contrast pairs

  • #0A0E4B / #FFFFFF
  • #0A0E4B / #000000
  • #FFFFFF / #0A0E4B
  • #000000 / #0A0E4B

코드 스니펫

CSS

:root {
  --storm: #0a0e4b;
  --storm-rgb: 10 14 75;
  --storm-oklch: oklch(0.217 0.109 270.2);
}

.element {
  color: var(--storm);
  background-color: hsl(236 76% 17%);
  border-color: oklch(0.217 0.109 270.2);
}

Tailwind CSS v4

@theme {
  --color-storm: #0a0e4b;
  --color-storm-50: #eaf4ff;
  --color-storm-100: #dbe6ff;
  --color-storm-200: #c4d2ff;
  --color-storm-300: #a4b4f0;
  --color-storm-400: #859bdf;
  --color-storm-500: #6a81cf;
  --color-storm-600: #5a6dae;
  --color-storm-700: #48588c;
  --color-storm-800: #324068;
  --color-storm-900: #222c49;
  --color-storm-950: #111930;
}

SCSS

$storm: #0a0e4b;
$storm-rgb: 10, 14, 75;
$storm-light: mix(#fff, $storm, 20%);
$storm-dark: mix(#000, $storm, 20%);

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

비슷한 이름 색상

  • 0F084B

    Silent Twilight

  • 001146

    Kantor Blue

  • 111144

    Deadly Depths

  • 001144

    Blue Latex

  • 051040

    Deep Cove

  • 0A0555

    Ravenclaw

  • 001155

    Interstellar Blue

  • 111155

    Shadowdancer

  • 000B44

    Storm

  • 001440

    Cetacean Blue

  • 110055

    Scoop of Dark Matter

  • 17034A

    Magic Whale

Palettes with similar colors

  • Neon Bluerocratic HarborViolet · Cold
  • Warm Blue CanvasPink · 9 Colors
  • Steady Deep Sky Blue LatticeViolet · Cold
  • Neon Secret of Mana GlacierViolet · Cold
  • Azure ForgeViolet · Cold
  • Noir Deadly Depths LatticeViolet · Cold

도구에서 열기

피커조합대비 검사기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