이름 색상 · #86B394

King Theo

King Theo은(는) #86B394: rgb(134 179 148), hsl(139 23% 61%), oklch(0.726 0.066 154.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Green mean? → · King Theo color name →

#86B394

oklch(0.726 0.066 154.4)

색상 변환

HEX: #86b394
RGB: rgb(134 179 148)
HSL: hsl(139 23% 61%)
HWB: hwb(139 53% 30%)
OKLCH: oklch(0.726 0.066 154.4)
OKLab: oklab(0.726 -0.059 0.028)
CIE Lab: lab(69.05 -20.45 10.79)
LCH: lch(69.05 23.13 152.2)
CMYK: cmyk(25% 0% 17% 30%)

틴트 · 셰이드 · 톤

틴트

92BA9E
9EC2A9
AACAB3
B6D1BE
C2D9C8
CEE0D3
DAE8DE
E6F0E9
F3F7F4

셰이드

749B80
62846D
516E5A
405848
304336
212F26
131D16
060C08
010101

톤

86AE92
85A990
85A48E
859E8C
84998A
839488
838F86
828A84
818582

색 조화

보색 +180°

86B394
King Theo
C197B7
≈ Dripping Wisteria

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.36:1 · APCA Lc 47

Fail

검은색 위

WCAG 8.88:1 · APCA Lc 56

AAA

가장 좋은 글자색: #000000

WCAG 8.88:1 (AAA) · APCA Lc 56

Contrast pairs

코드 스니펫

CSS

:root {
  --king-theo: #86b394;
  --king-theo-rgb: 134 179 148;
  --king-theo-oklch: oklch(0.726 0.066 154.4);
}

.element {
  color: var(--king-theo);
  background-color: hsl(139 23% 61%);
  border-color: oklch(0.726 0.066 154.4);
}

Tailwind CSS v4

@theme {
  --color-king-theo: #86b394;
  --color-king-theo-50: #e7fbed;
  --color-king-theo-100: #d7efdf;
  --color-king-theo-200: #beddc9;
  --color-king-theo-300: #9dc2aa;
  --color-king-theo-400: #80aa8d;
  --color-king-theo-500: #639373;
  --color-king-theo-600: #547d61;
  --color-king-theo-700: #43644e;
  --color-king-theo-800: #314937;
  --color-king-theo-900: #213326;
  --color-king-theo-950: #101e14;
}

SCSS

$king-theo: #86b394;
$king-theo-rgb: 134, 179, 148;
$king-theo-light: mix(#fff, $king-theo, 20%);
$king-theo-dark: mix(#000, $king-theo, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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