이름 색상 · #38343E

Persian Prince

Persian Prince은(는) #38343E: rgb(56 52 62), hsl(264 9% 22%), oklch(0.333 0.018 303.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#38343E

oklch(0.333 0.018 303.6)

색상 변환

HEX: #38343e
RGB: rgb(56 52 62)
HSL: hsl(264 9% 22%)
HWB: hwb(264 20% 76%)
OKLCH: oklch(0.333 0.018 303.6)
OKLab: oklab(0.333 0.01 -0.015)
CIE Lab: lab(22.42 3.58 -5.62)
LCH: lch(22.42 6.67 302.5)
CMYK: cmyk(10% 16% 0% 76%)

틴트 · 셰이드 · 톤

틴트

49464F
5B5861
6E6B73
817F86
959399
A9A8AC
BEBDC1
D3D2D5
E9E9EA

셰이드

2F2C35
27242B
1F1C23
17151A
0F0E12
08070A
040304
010101
000000

톤

3F3B44
46424B
4D4A51
545158
5B595E
626065
69686B
717072
787879

색 조화

보색 +180°

38343E
Persian Prince
34382E
≈ Matcha Ash

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 12.14:1 · APCA Lc 98

AAA

검은색 위

WCAG 1.72:1 · APCA Lc 0

Fail

가장 좋은 글자색: #FFFFFF

WCAG 12.14:1 (AAA) · APCA Lc 98

Contrast pairs

코드 스니펫

CSS

:root {
  --persian-prince: #38343e;
  --persian-prince-rgb: 56 52 62;
  --persian-prince-oklch: oklch(0.333 0.018 303.6);
}

.element {
  color: var(--persian-prince);
  background-color: hsl(264 9% 22%);
  border-color: oklch(0.333 0.018 303.6);
}

Tailwind CSS v4

@theme {
  --color-persian-prince: #38343e;
  --color-persian-prince-50: #f6f4f9;
  --color-persian-prince-100: #e9e6ed;
  --color-persian-prince-200: #d6d2db;
  --color-persian-prince-300: #b9b5bf;
  --color-persian-prince-400: #a09ca7;
  --color-persian-prince-500: #888390;
  --color-persian-prince-600: #736f7a;
  --color-persian-prince-700: #5c5962;
  --color-persian-prince-800: #434148;
  --color-persian-prince-900: #2e2d32;
  --color-persian-prince-950: #1b1a1e;
}

SCSS

$persian-prince: #38343e;
$persian-prince-rgb: 56, 52, 62;
$persian-prince-light: mix(#fff, $persian-prince, 20%);
$persian-prince-dark: mix(#000, $persian-prince, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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