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

가장 가까운 이름 색상 · #277AC3

#277AC3

가장 가까운 이름 색상: Mykonos

#277AC3(rgb(39 122 195), hsl(208 67% 46%), oklch(0.567 0.137 249.5))와 가장 가까운 이름 색상은 Mykonos입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Blue mean? →

#277AC3

oklch(0.567 0.137 249.5)

색상 변환

HEX
#277ac3
RGB
rgb(39 122 195)
HSL
hsl(208 67% 46%)
HWB
hwb(208 15% 24%)
OKLCH
oklch(0.567 0.137 249.5)
OKLab
oklab(0.567 -0.048 -0.128)
CIE Lab
lab(49.14 -4.97 -45.95)
LCH
lch(49.14 46.22 263.8)
CMYK
cmyk(80% 37% 0% 24%)

틴트 · 셰이드 · 톤

틴트

  • 4287CA
  • 5895D0
  • 6EA2D7
  • 83AFDD
  • 97BDE3
  • ACCAE9
  • C0D7EF
  • D5E4F4
  • EAF2FA

셰이드

  • 2069A9
  • 1A5990
  • 144978
  • 0E3A60
  • 082B4A
  • 041D34
  • 021020
  • 01050E
  • 000102

톤

  • 357BBD
  • 407CB6
  • 4A7DB0
  • 537EA9
  • 5B7FA3
  • 637F9C
  • 6B8095
  • 72808E
  • 798087

색 조화

보색 +180°

  • 277AC3

    Mykonos

  • A46700

    ≈ Cumin Ochre

유사색 -30° +30°

  • 277AC3

    Mykonos

  • 0084A0

    ≈ Blue Arc

  • 676BC5

    ≈ Bluish Purple Anemone

삼각 배색 +120° +240°

  • 277AC3

    Mykonos

  • B84F65

    ≈ Glamorous

  • 5C851E

    ≈ Weeping Fig

분열 보색 +150° +210°

  • 277AC3

    Mykonos

  • B85532

    ≈ Beef Patties

  • 887700

    ≈ Soft Fig

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

  • 277AC3

    Mykonos

  • A95290

    ≈ Brilliant Carmine

  • A46700

    ≈ Cumin Ochre

  • 008D5A

    ≈ Center Field

대비 및 접근성

Ag

흰색 위

WCAG 4.50:1 · APCA Lc 71

AA
Ag

검은색 위

WCAG 4.65:1 · APCA Lc 31

AA

가장 좋은 글자색: #000000

WCAG 4.65:1 (AA) · APCA Lc 31

Contrast pairs

  • #277AC3 / #FFFFFF
  • #277AC3 / #000000
  • #FFFFFF / #277AC3
  • #000000 / #277AC3

코드 스니펫

CSS

:root {
  --mykonos: #277ac3;
  --mykonos-rgb: 39 122 195;
  --mykonos-oklch: oklch(0.567 0.137 249.5);
}

.element {
  color: var(--mykonos);
  background-color: hsl(208 67% 46%);
  border-color: oklch(0.567 0.137 249.5);
}

Tailwind CSS v4

@theme {
  --color-mykonos: #277ac3;
  --color-mykonos-50: #d9f9ff;
  --color-mykonos-100: #c7ecff;
  --color-mykonos-200: #a9d9ff;
  --color-mykonos-300: #82bcfc;
  --color-mykonos-400: #59a3ec;
  --color-mykonos-500: #2c8adc;
  --color-mykonos-600: #2875ba;
  --color-mykonos-700: #205e95;
  --color-mykonos-800: #11456f;
  --color-mykonos-900: #0b304e;
  --color-mykonos-950: #001c34;
}

SCSS

$mykonos: #277ac3;
$mykonos-rgb: 39, 122, 195;
$mykonos-light: mix(#fff, $mykonos, 20%);
$mykonos-dark: mix(#000, $mykonos, 20%);

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

비슷한 이름 색상

  • 1F7CC2

    Skylla

  • 297CBF

    Amalfi Coast

  • 3778BF

    Windows Blue

  • 057BC1

    Star of Life

  • 387ABE

    Mykonos

  • 0079C1

    Diva Blue

  • 277ABA

    Haddock’s Sweater

  • 007CC0

    Swedish Blue

  • 3C7AC2

    Celestial Plum

  • 007EC7

    Blue Aster

  • 2976BB

    Bluish

  • 327CCB

    Heirloom Hydrangea

Palettes with similar colors

  • Haddock’s Sweater HarborViolet · Cold
  • Pure Arcane Brew MirrorPink · Rainbow
  • Classic Vicious Violet DeltaRed · 10 Colors
  • Classic Cry of a Rose ForgeRed · Warm
  • Star of Life DriftViolet · Cold
  • Steady God of Rain NexusViolet · 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