이름 색상 · #F1E346

Golden Snitch

Golden Snitch은(는) #F1E346: rgb(241 227 70), hsl(55 86% 61%), oklch(0.901 0.169 104.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Golden Snitch color name →

#F1E346

oklch(0.901 0.169 104.2)

색상 변환

HEX: #f1e346
RGB: rgb(241 227 70)
HSL: hsl(55 86% 61%)
HWB: hwb(55 27% 5%)
OKLCH: oklch(0.901 0.169 104.2)
OKLab: oklab(0.901 -0.041 0.164)
CIE Lab: lab(89.4 -7.48 73.55)
LCH: lch(89.4 73.92 95.8)
CMYK: cmyk(0% 6% 71% 5%)

틴트 · 셰이드 · 톤

틴트

F2E662
F3E978
F5EC8C
F6EF9F
F7F2B0
F9F5C1
FAF8D1
FCFAE0
FDFDF0

셰이드

D2C53C
B3A832
958C28
79711E
5D5715
433F0D
2B2705
141202
030300

톤

E5D953
D9CF5D
CDC565
C2BB6C
B6B171
ABA776
A09D79
95947C
8A8A7E

색 조화

보색 +180°

F1E346
Golden Snitch
DADBFF
≈ Transparent Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.32:1 · APCA Lc 16

Fail

검은색 위

WCAG 15.81:1 · APCA Lc 88

AAA

가장 좋은 글자색: #000000

WCAG 15.81:1 (AAA) · APCA Lc 88

Contrast pairs

코드 스니펫

CSS

:root {
  --golden-snitch: #f1e346;
  --golden-snitch-rgb: 241 227 70;
  --golden-snitch-oklch: oklch(0.901 0.169 104.2);
}

.element {
  color: var(--golden-snitch);
  background-color: hsl(55 86% 61%);
  border-color: oklch(0.901 0.169 104.2);
}

Tailwind CSS v4

@theme {
  --color-golden-snitch: #f1e346;
  --color-golden-snitch-50: #fbf9c1;
  --color-golden-snitch-100: #efecaa;
  --color-golden-snitch-200: #ddd982;
  --color-golden-snitch-300: #c3bc4a;
  --color-golden-snitch-400: #b0a200;
  --color-golden-snitch-500: #9a8800;
  --color-golden-snitch-600: #827400;
  --color-golden-snitch-700: #685c00;
  --color-golden-snitch-800: #4f4300;
  --color-golden-snitch-900: #372e00;
  --color-golden-snitch-950: #221b00;
}

SCSS

$golden-snitch: #f1e346;
$golden-snitch-rgb: 241, 227, 70;
$golden-snitch-light: mix(#fff, $golden-snitch, 20%);
$golden-snitch-dark: mix(#000, $golden-snitch, 20%);

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

비슷한 이름 색상

도구에서 열기

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