이름 색상 · #C1CEDA

Magical

Magical은(는) #C1CEDA: rgb(193 206 218), hsl(209 25% 81%), oklch(0.845 0.022 245.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Magical color name →

#C1CEDA

oklch(0.845 0.022 245.9)

색상 변환

HEX: #c1ceda
RGB: rgb(193 206 218)
HSL: hsl(209 25% 81%)
HWB: hwb(209 76% 15%)
OKLCH: oklch(0.845 0.022 245.9)
OKLab: oklab(0.845 -0.009 -0.02)
CIE Lab: lab(82.03 -2.8 -7.57)
LCH: lch(82.03 8.07 249.7)
CMYK: cmyk(11% 6% 0% 15%)

틴트 · 셰이드 · 톤

틴트

C7D3DE
CDD8E1
D3DDE5
D9E1E9
E0E6EC
E6EBF0
ECF0F4
F2F5F8
F9FAFB

셰이드

A7B3BD
8F98A2
777F87
5F666C
494E54
34383C
202325
0E0F11
020202

톤

BAC6D1
B4BEC7
ADB6BE
A6AEB5
A0A6AC
999EA3
93979A
8D8F91
868789

색 조화

보색 +180°

C1CEDA
Magical
D7CABE
≈ In the Buff

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.60:1 · APCA Lc 27

Fail

검은색 위

WCAG 13.10:1 · APCA Lc 76

AAA

가장 좋은 글자색: #000000

WCAG 13.10:1 (AAA) · APCA Lc 76

Contrast pairs

코드 스니펫

CSS

:root {
  --magical: #c1ceda;
  --magical-rgb: 193 206 218;
  --magical-oklch: oklch(0.845 0.022 245.9);
}

.element {
  color: var(--magical);
  background-color: hsl(209 25% 81%);
  border-color: oklch(0.845 0.022 245.9);
}

Tailwind CSS v4

@theme {
  --color-magical: #c1ceda;
  --color-magical-50: #f0f6fb;
  --color-magical-100: #e2e9ef;
  --color-magical-200: #cdd5dd;
  --color-magical-300: #afb9c2;
  --color-magical-400: #94a0ab;
  --color-magical-500: #7b8894;
  --color-magical-600: #68737d;
  --color-magical-700: #535c64;
  --color-magical-800: #3c434a;
  --color-magical-900: #292f33;
  --color-magical-950: #171b1f;
}

SCSS

$magical: #c1ceda;
$magical-rgb: 193, 206, 218;
$magical-light: mix(#fff, $magical, 20%);
$magical-dark: mix(#000, $magical, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API