이름 색상 · #A0ADAC

Prince Grey

Prince Grey은(는) #A0ADAC: rgb(160 173 172), hsl(175 7% 65%), oklch(0.737 0.015 191.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Prince Grey color name →

#A0ADAC

oklch(0.737 0.015 191.3)

색상 변환

HEX: #a0adac
RGB: rgb(160 173 172)
HSL: hsl(175 7% 65%)
HWB: hwb(175 63% 32%)
OKLCH: oklch(0.737 0.015 191.3)
OKLab: oklab(0.737 -0.014 -0.003)
CIE Lab: lab(69.67 -4.86 -1.13)
LCH: lch(69.67 5 193.1)
CMYK: cmyk(8% 0% 1% 32%)

틴트 · 셰이드 · 톤

틴트

A9B5B4
B2BDBC
BCC5C4
C5CDCC
CFD5D5
D8DEDD
E2E6E5
EBEEEE
F5F7F6

셰이드

8B9695
767F7F
616A69
4E5554
3B4140
292D2D
191B1B
090B0B
010101

톤

9DA8A7
9AA4A3
969F9F
939B9A
909696
8D9291
8A8D8D
868989
838484

색 조화

보색 +180°

A0ADAC
Prince Grey
B3A6A7
≈ Cool Lavender

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.31:1 · APCA Lc 46

Fail

검은색 위

WCAG 9.06:1 · APCA Lc 56

AAA

가장 좋은 글자색: #000000

WCAG 9.06:1 (AAA) · APCA Lc 56

Contrast pairs

코드 스니펫

CSS

:root {
  --prince-grey: #a0adac;
  --prince-grey-rgb: 160 173 172;
  --prince-grey-oklch: oklch(0.737 0.015 191.3);
}

.element {
  color: var(--prince-grey);
  background-color: hsl(175 7% 65%);
  border-color: oklch(0.737 0.015 191.3);
}

Tailwind CSS v4

@theme {
  --color-prince-grey: #a0adac;
  --color-prince-grey-50: #f1f6f6;
  --color-prince-grey-100: #e3e9e9;
  --color-prince-grey-200: #cdd6d6;
  --color-prince-grey-300: #afbab9;
  --color-prince-grey-400: #95a1a0;
  --color-prince-grey-500: #7c8988;
  --color-prince-grey-600: #697473;
  --color-prince-grey-700: #545d5c;
  --color-prince-grey-800: #3d4443;
  --color-prince-grey-900: #2a2f2e;
  --color-prince-grey-950: #171c1b;
}

SCSS

$prince-grey: #a0adac;
$prince-grey-rgb: 160, 173, 172;
$prince-grey-light: mix(#fff, $prince-grey, 20%);
$prince-grey-dark: mix(#000, $prince-grey, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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