이름 색상 · #9D766F

Southern Road

Southern Road은(는) #9D766F: rgb(157 118 111), hsl(9 19% 53%), oklch(0.602 0.051 30.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Southern Road color name →

#9D766F

oklch(0.602 0.051 30.2)

색상 변환

HEX: #9d766f
RGB: rgb(157 118 111)
HSL: hsl(9 19% 53%)
HWB: hwb(9 44% 38%)
OKLCH: oklch(0.602 0.051 30.2)
OKLab: oklab(0.602 0.044 0.025)
CIE Lab: lab(53.44 15 10.12)
LCH: lch(53.44 18.09 34)
CMYK: cmyk(0% 25% 29% 38%)

틴트 · 셰이드 · 톤

틴트

A7837C
B1908A
BA9D98
C4ABA6
CEB8B5
D8C6C3
E2D4D2
EBE2E1
F5F1F0

셰이드

886660
735651
5F4742
4C3834
3A2927
281C1A
180F0E
090504
010101

톤

9A7771
987872
957974
927A76
8F7B78
8C7C79
897D7B
867E7D
837F7E

색 조화

보색 +180°

9D766F
Southern Road
5D8A92
≈ Dusty Turquoise

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.99:1 · APCA Lc 67

Fail

검은색 위

WCAG 5.25:1 · APCA Lc 34

가장 좋은 글자색: #000000

WCAG 5.25:1 (AA) · APCA Lc 34

Contrast pairs

코드 스니펫

CSS

:root {
  --southern-road: #9d766f;
  --southern-road-rgb: 157 118 111;
  --southern-road-oklch: oklch(0.602 0.051 30.2);
}

.element {
  color: var(--southern-road);
  background-color: hsl(9 19% 53%);
  border-color: oklch(0.602 0.051 30.2);
}

Tailwind CSS v4

@theme {
  --color-southern-road: #9d766f;
  --color-southern-road-50: #fff0ec;
  --color-southern-road-100: #f8e2dd;
  --color-southern-road-200: #e9cdc7;
  --color-southern-road-300: #d0afa7;
  --color-southern-road-400: #bb948d;
  --color-southern-road-500: #a57a72;
  --color-southern-road-600: #8c6761;
  --color-southern-road-700: #70534d;
  --color-southern-road-800: #533c39;
  --color-southern-road-900: #3a2927;
  --color-southern-road-950: #241715;
}

SCSS

$southern-road: #9d766f;
$southern-road-rgb: 157, 118, 111;
$southern-road-light: mix(#fff, $southern-road, 20%);
$southern-road-dark: mix(#000, $southern-road, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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