이름 색상 · #9EB2C3

Perfect Landing

Perfect Landing은(는) #9EB2C3: rgb(158 178 195), hsl(208 24% 69%), oklch(0.754 0.033 243.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Perfect Landing color name →

#9EB2C3

oklch(0.754 0.033 243.8)

색상 변환

HEX: #9eb2c3
RGB: rgb(158 178 195)
HSL: hsl(208 24% 69%)
HWB: hwb(208 62% 24%)
OKLCH: oklch(0.754 0.033 243.8)
OKLab: oklab(0.754 -0.015 -0.03)
CIE Lab: lab(71.44 -4.42 -11.14)
LCH: lch(71.44 11.99 248.3)
CMYK: cmyk(19% 9% 0% 24%)

틴트 · 셰이드 · 톤

틴트

A7B9C9
B1C1CF
BAC9D5
C4D0DB
CED8E1
D7E0E7
E1E7ED
EBEFF3
F5F7F9

셰이드

899AA9
748390
606D78
4D5760
3A434A
292F34
181D20
090C0E
010102

톤

9BADBC
98A8B5
95A3AE
929EA8
8F99A1
8C949A
898F94
868A8D
838587

색 조화

보색 +180°

9EB2C3
Perfect Landing
BFAB9A
≈ Old Doeskin

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.18:1 · APCA Lc 43

Fail

검은색 위

WCAG 9.61:1 · APCA Lc 59

AAA

가장 좋은 글자색: #000000

WCAG 9.61:1 (AAA) · APCA Lc 59

Contrast pairs

코드 스니펫

CSS

:root {
  --perfect-landing: #9eb2c3;
  --perfect-landing-rgb: 158 178 195;
  --perfect-landing-oklch: oklch(0.754 0.033 243.8);
}

.element {
  color: var(--perfect-landing);
  background-color: hsl(208 24% 69%);
  border-color: oklch(0.754 0.033 243.8);
}

Tailwind CSS v4

@theme {
  --color-perfect-landing: #9eb2c3;
  --color-perfect-landing-50: #eef6fe;
  --color-perfect-landing-100: #dfe9f3;
  --color-perfect-landing-200: #c9d6e2;
  --color-perfect-landing-300: #aabac8;
  --color-perfect-landing-400: #8ea1b1;
  --color-perfect-landing-500: #74899b;
  --color-perfect-landing-600: #627483;
  --color-perfect-landing-700: #4e5d69;
  --color-perfect-landing-800: #39444d;
  --color-perfect-landing-900: #272f36;
  --color-perfect-landing-950: #151c21;
}

SCSS

$perfect-landing: #9eb2c3;
$perfect-landing-rgb: 158, 178, 195;
$perfect-landing-light: mix(#fff, $perfect-landing, 20%);
$perfect-landing-dark: mix(#000, $perfect-landing, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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