이름 색상 · #445761

San Juan

San Juan은(는) #445761: rgb(68 87 97), hsl(201 18% 32%), oklch(0.445 0.029 231.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · San Juan color name →

#445761

oklch(0.445 0.029 231.1)

색상 변환

HEX: #445761
RGB: rgb(68 87 97)
HSL: hsl(201 18% 32%)
HWB: hwb(201 27% 62%)
OKLCH: oklch(0.445 0.029 231.1)
OKLab: oklab(0.445 -0.018 -0.022)
CIE Lab: lab(35.68 -5.59 -8.34)
LCH: lch(35.68 10.04 236.2)
CMYK: cmyk(30% 10% 0% 62%)

틴트 · 셰이드 · 톤

틴트

556670
66767E
78868E
8A969D
9DA7AD
B0B8BD
C3C9CD
D7DBDD
EBEDEE

셰이드

3A4B53
303E46
263339
1D272D
141C21
0C1215
05080B
020303
000000

톤

4A5B64
505F67
56636A
5C676D
626B70
686F74
6E7477
74787A
7A7C7D

색 조화

보색 +180°

445761
San Juan
615046
≈ Gobo Brown

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 7.54:1 · APCA Lc 86

AAA

검은색 위

WCAG 2.78:1 · APCA Lc 16

Fail

가장 좋은 글자색: #FFFFFF

WCAG 7.54:1 (AAA) · APCA Lc 86

Contrast pairs

코드 스니펫

CSS

:root {
  --san-juan: #445761;
  --san-juan-rgb: 68 87 97;
  --san-juan-oklch: oklch(0.445 0.029 231.1);
}

.element {
  color: var(--san-juan);
  background-color: hsl(201 18% 32%);
  border-color: oklch(0.445 0.029 231.1);
}

Tailwind CSS v4

@theme {
  --color-san-juan: #445761;
  --color-san-juan-50: #eef7fc;
  --color-san-juan-100: #dfeaf0;
  --color-san-juan-200: #c9d7df;
  --color-san-juan-300: #aabac4;
  --color-san-juan-400: #8ea2ad;
  --color-san-juan-500: #748a96;
  --color-san-juan-600: #62757f;
  --color-san-juan-700: #4e5d66;
  --color-san-juan-800: #38444a;
  --color-san-juan-900: #272f34;
  --color-san-juan-950: #151c1f;
}

SCSS

$san-juan: #445761;
$san-juan-rgb: 68, 87, 97;
$san-juan-light: mix(#fff, $san-juan, 20%);
$san-juan-dark: mix(#000, $san-juan, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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