이름 색상 · #EACC4A

Festival

Festival은(는) #EACC4A: rgb(234 204 74), hsl(49 79% 60%), oklch(0.848 0.148 96). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Festival color name →

#EACC4A

oklch(0.848 0.148 96)

색상 변환

HEX: #eacc4a
RGB: rgb(234 204 74)
HSL: hsl(49 79% 60%)
HWB: hwb(49 29% 8%)
OKLCH: oklch(0.848 0.148 96)
OKLab: oklab(0.848 -0.015 0.147)
CIE Lab: lab(82.92 0.76 65.67)
LCH: lch(82.92 65.68 89.3)
CMYK: cmyk(0% 13% 68% 8%)

틴트 · 셰이드 · 톤

틴트

ECD163
EED778
F0DC8B
F2E19D
F4E6AE
F6ECBF
F9F0CF
FBF5DF
FDFAEF

셰이드

CBB13F
AE9735
917E2A
756520
5A4E17
41370E
292206
130F02
030200

톤

DFC455
D4BD5E
C9B565
BEAE6B
B3A670
A99E74
9E9778
948F7B
8A887E

색 조화

보색 +180°

EACC4A
Festival
BFCAFF
≈ Light Periwinkle

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.58:1 · APCA Lc 26

Fail

검은색 위

WCAG 13.23:1 · APCA Lc 77

AAA

가장 좋은 글자색: #000000

WCAG 13.23:1 (AAA) · APCA Lc 77

Contrast pairs

코드 스니펫

CSS

:root {
  --festival: #eacc4a;
  --festival-rgb: 234 204 74;
  --festival-oklch: oklch(0.848 0.148 96);
}

.element {
  color: var(--festival);
  background-color: hsl(49 79% 60%);
  border-color: oklch(0.848 0.148 96);
}

Tailwind CSS v4

@theme {
  --color-festival: #eacc4a;
  --color-festival-50: #fff6c6;
  --color-festival-100: #f5e9b0;
  --color-festival-200: #e5d58a;
  --color-festival-300: #ccb858;
  --color-festival-400: #b99d11;
  --color-festival-500: #a48300;
  --color-festival-600: #8a6f00;
  --color-festival-700: #6f5900;
  --color-festival-800: #534000;
  --color-festival-900: #3a2c00;
  --color-festival-950: #241900;
}

SCSS

$festival: #eacc4a;
$festival-rgb: 234, 204, 74;
$festival-light: mix(#fff, $festival, 20%);
$festival-dark: mix(#000, $festival, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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