이름 색상 · #477266

Christmas Ivy

Christmas Ivy은(는) #477266: rgb(71 114 102), hsl(163 23% 36%), oklch(0.517 0.052 174.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Teal mean? → · Christmas Ivy color name →

#477266

oklch(0.517 0.052 174.6)

색상 변환

HEX: #477266
RGB: rgb(71 114 102)
HSL: hsl(163 23% 36%)
HWB: hwb(163 28% 55%)
OKLCH: oklch(0.517 0.052 174.6)
OKLab: oklab(0.517 -0.052 0.005)
CIE Lab: lab(44.62 -17.84 1.7)
LCH: lch(44.62 17.93 174.6)
CMYK: cmyk(38% 0% 11% 55%)

틴트 · 셰이드 · 톤

틴트

597F74
6A8D82
7C9A91
8EA8A0
A0B6AF
B3C4BF
C6D3CF
D8E1DE
ECF0EF

셰이드

3D6258
32534A
28443C
1F362F
162823
0D1B17
060E0C
020404
000100

톤

4D7369
53756B
59766E
5F7870
657973
6A7B75
707C78
757D7B
7B7F7D

색 조화

보색 +180°

477266
Christmas Ivy
805C6A
≈ Rose Garland

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 5.43:1 · APCA Lc 77

검은색 위

WCAG 3.86:1 · APCA Lc 25

Fail

가장 좋은 글자색: #FFFFFF

WCAG 5.43:1 (AA) · APCA Lc 77

Contrast pairs

코드 스니펫

CSS

:root {
  --christmas-ivy: #477266;
  --christmas-ivy-rgb: 71 114 102;
  --christmas-ivy-oklch: oklch(0.517 0.052 174.6);
}

.element {
  color: var(--christmas-ivy);
  background-color: hsl(163 23% 36%);
  border-color: oklch(0.517 0.052 174.6);
}

Tailwind CSS v4

@theme {
  --color-christmas-ivy: #477266;
  --color-christmas-ivy-50: #e7faf5;
  --color-christmas-ivy-100: #d7eee7;
  --color-christmas-ivy-200: #bedcd3;
  --color-christmas-ivy-300: #9cc1b7;
  --color-christmas-ivy-400: #7fa99c;
  --color-christmas-ivy-500: #619284;
  --color-christmas-ivy-600: #527b70;
  --color-christmas-ivy-700: #426359;
  --color-christmas-ivy-800: #2f4840;
  --color-christmas-ivy-900: #20322c;
  --color-christmas-ivy-950: #0f1e19;
}

SCSS

$christmas-ivy: #477266;
$christmas-ivy-rgb: 71, 114, 102;
$christmas-ivy-light: mix(#fff, $christmas-ivy, 20%);
$christmas-ivy-dark: mix(#000, $christmas-ivy, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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