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

가장 가까운 이름 색상 · #8698DA

#8698DA

가장 가까운 이름 색상: Azureno

#8698DA(rgb(134 152 218), hsl(227 53% 69%), oklch(0.692 0.1 271.9))와 가장 가까운 이름 색상은 Azureno입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Blue mean? →

#8698DA

oklch(0.692 0.1 271.9)

색상 변환

HEX
#8698da
RGB
rgb(134 152 218)
HSL
hsl(227 53% 69%)
HWB
hwb(227 53% 15%)
OKLCH
oklch(0.692 0.1 271.9)
OKLab
oklab(0.692 0.003 -0.1)
CIE Lab
lab(63.4 5.81 -36.16)
LCH
lch(63.4 36.62 279.1)
CMYK
cmyk(39% 30% 0% 15%)

틴트 · 셰이드 · 톤

틴트

  • 91A2DE
  • 9DACE2
  • A9B7E6
  • B5C1EA
  • C1CBEE
  • CDD5F2
  • D9E0F5
  • E6EAF8
  • F2F5FC

셰이드

  • 7484BD
  • 6270A2
  • 515C87
  • 404A6C
  • 303854
  • 21273C
  • 131725
  • 060811
  • 010102

톤

  • 8596D1
  • 8594C8
  • 8491BF
  • 848FB6
  • 838DAD
  • 828AA4
  • 82889B
  • 818592
  • 818389

색 조화

보색 +180°

  • 8698DA

    Azureno

  • B29A4E

    ≈ Spanish Gold

유사색 -30° +30°

  • 8698DA

    Azureno

  • 60A3D4

    ≈ Water Spirit

  • A78DD0

    ≈ Middy’s Purple

삼각 배색 +120° +240°

  • 8698DA

    Azureno

  • D28475

    ≈ Copperleaf

  • 6AAE7D

    ≈ Morning Forest

분열 보색 +150° +210°

  • 8698DA

    Azureno

  • C88D59

    ≈ Orange Pekoe

  • 91A65E

    ≈ Zesty Apple

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

  • 8698DA

    Azureno

  • CF8197

    ≈ Cashmere Rose

  • B29A4E

    ≈ Spanish Gold

  • 46B0A0

    ≈ Ambrosial Oceanside

대비 및 접근성

Ag

흰색 위

WCAG 2.79:1 · APCA Lc 54

Fail
Ag

검은색 위

WCAG 7.51:1 · APCA Lc 48

AAA

가장 좋은 글자색: #000000

WCAG 7.51:1 (AAA) · APCA Lc 48

Contrast pairs

  • #8698DA / #FFFFFF
  • #8698DA / #000000
  • #FFFFFF / #8698DA
  • #000000 / #8698DA

코드 스니펫

CSS

:root {
  --azureno: #8698da;
  --azureno-rgb: 134 152 218;
  --azureno-oklch: oklch(0.692 0.1 271.9);
}

.element {
  color: var(--azureno);
  background-color: hsl(227 53% 69%);
  border-color: oklch(0.692 0.1 271.9);
}

Tailwind CSS v4

@theme {
  --color-azureno: #8698da;
  --color-azureno-50: #ecf4ff;
  --color-azureno-100: #dde6ff;
  --color-azureno-200: #c6d2ff;
  --color-azureno-300: #a7b4eb;
  --color-azureno-400: #8a9bda;
  --color-azureno-500: #6f81c8;
  --color-azureno-600: #5e6ea9;
  --color-azureno-700: #4b5888;
  --color-azureno-800: #354065;
  --color-azureno-900: #242c47;
  --color-azureno-950: #13192e;
}

SCSS

$azureno: #8698da;
$azureno-rgb: 134, 152, 218;
$azureno-light: mix(#fff, $azureno, 20%);
$azureno-dark: mix(#000, $azureno, 20%);

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

비슷한 이름 색상

  • 8B98D8

    Portage

  • 8596D2

    Mystic Iris

  • 8397D0

    Purple Gentian

  • 8B94C7

    Fast Velvet

  • 8FA0D5

    Azureno

  • 7895CC

    Pannikin

  • 8E97C7

    Easter Egg

  • 7F90CB

    Mood Mode

  • 739BD0

    Ice Blue

  • 8895C5

    Pale Iris

  • 84A2D4

    Wisteria Blue

  • 8394C5

    Blue Hyacinth

Palettes with similar colors

  • Classic Warm Blue BriefPink · 5 Colors
  • True Venus Violet GardenPink · 9 Colors
  • Steady God of Rain HarborViolet · Cold
  • True Simply Purple FogPink · 10 Colors
  • Wizard’s Potion GrovePink · Monochromatic
  • Low Maritime Outpost GlacierViolet · 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