이름 색상 · #EEEE66

Crash Dummy

Crash Dummy은(는) #EEEE66: rgb(238 238 102), hsl(60 80% 67%), oklch(0.924 0.157 109.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Crash Dummy color name →

#EEEE66

oklch(0.924 0.157 109.1)

색상 변환

HEX: #eeee66
RGB: rgb(238 238 102)
HSL: hsl(60 80% 67%)
HWB: hwb(60 40% 7%)
OKLCH: oklch(0.924 0.157 109.1)
OKLab: oklab(0.924 -0.051 0.148)
CIE Lab: lab(92.19 -12.47 63.99)
LCH: lch(92.19 65.19 101)
CMYK: cmyk(0% 0% 57% 7%)

틴트 · 셰이드 · 톤

틴트

EFF07A
F1F28C
F3F49C
F4F6AB
F6F8BA
F8F9C9
F9FBD7
FBFCE4
FDFEF2

셰이드

CFCF58
B1B14A
93933C
77772F
5C5C23
424217
2A2A0C
141404
030300

톤

E2E36C
D7D771
CBCC76
C0C179
B5B67B
AAAB7D
9FA07F
959680
8A8B80

색 조화

보색 +180°

EEEE66
Crash Dummy
E4E2FF
≈ Stoic White

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.23:1 · APCA Lc 11

Fail

검은색 위

WCAG 17.05:1 · APCA Lc 93

AAA

가장 좋은 글자색: #000000

WCAG 17.05:1 (AAA) · APCA Lc 93

Contrast pairs

코드 스니펫

CSS

:root {
  --crash-dummy: #eeee66;
  --crash-dummy-rgb: 238 238 102;
  --crash-dummy-oklch: oklch(0.924 0.157 109.1);
}

.element {
  color: var(--crash-dummy);
  background-color: hsl(60 80% 67%);
  border-color: oklch(0.924 0.157 109.1);
}

Tailwind CSS v4

@theme {
  --color-crash-dummy: #eeee66;
  --color-crash-dummy-50: #f6fac7;
  --color-crash-dummy-100: #e9eeb1;
  --color-crash-dummy-200: #d7db8b;
  --color-crash-dummy-300: #bbbf59;
  --color-crash-dummy-400: #a6a50f;
  --color-crash-dummy-500: #908c00;
  --color-crash-dummy-600: #7a7700;
  --color-crash-dummy-700: #615f00;
  --color-crash-dummy-800: #494500;
  --color-crash-dummy-900: #333000;
  --color-crash-dummy-950: #1f1c00;
}

SCSS

$crash-dummy: #eeee66;
$crash-dummy-rgb: 238, 238, 102;
$crash-dummy-light: mix(#fff, $crash-dummy, 20%);
$crash-dummy-dark: mix(#000, $crash-dummy, 20%);

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

비슷한 이름 색상

도구에서 열기

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