이름 색상 · #EFE17E

Golden Blonde

Golden Blonde은(는) #EFE17E: rgb(239 225 126), hsl(53 78% 72%), oklch(0.9 0.121 101.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#EFE17E

oklch(0.9 0.121 101.3)

색상 변환

HEX: #efe17e
RGB: rgb(239 225 126)
HSL: hsl(53 78% 72%)
HWB: hwb(53 49% 6%)
OKLCH: oklch(0.9 0.121 101.3)
OKLab: oklab(0.9 -0.024 0.119)
CIE Lab: lab(89.13 -4.6 49.84)
LCH: lch(89.13 50.06 95.3)
CMYK: cmyk(0% 6% 47% 6%)

틴트 · 셰이드 · 톤

틴트

F0E48D
F2E79B
F4EBA8
F5EEB5
F7F1C2
F8F4CE
FAF7DB
FCF9E7
FDFCF3

셰이드

D0C46D
B1A75C
948B4C
78703C
5C562D
423E1F
2A2711
141205
030201

톤

E3D780
D8CD81
CCC382
C1B983
B6B083
ABA683
A09C83
959382
8A8981

색 조화

보색 +180°

EFE17E
Golden Blonde
D8DBFF
≈ Transparent Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.33:1 · APCA Lc 16

Fail

검은색 위

WCAG 15.74:1 · APCA Lc 87

AAA

가장 좋은 글자색: #000000

WCAG 15.74:1 (AAA) · APCA Lc 87

Contrast pairs

코드 스니펫

CSS

:root {
  --golden-blonde: #efe17e;
  --golden-blonde-rgb: 239 225 126;
  --golden-blonde-oklch: oklch(0.9 0.121 101.3);
}

.element {
  color: var(--golden-blonde);
  background-color: hsl(53 78% 72%);
  border-color: oklch(0.9 0.121 101.3);
}

Tailwind CSS v4

@theme {
  --color-golden-blonde: #efe17e;
  --color-golden-blonde-50: #fbf7d0;
  --color-golden-blonde-100: #efeabc;
  --color-golden-blonde-200: #ddd79b;
  --color-golden-blonde-300: #c2ba6f;
  --color-golden-blonde-400: #aea043;
  --color-golden-blonde-500: #988800;
  --color-golden-blonde-600: #807300;
  --color-golden-blonde-700: #675c02;
  --color-golden-blonde-800: #4d4300;
  --color-golden-blonde-900: #352e02;
  --color-golden-blonde-950: #211b00;
}

SCSS

$golden-blonde: #efe17e;
$golden-blonde-rgb: 239, 225, 126;
$golden-blonde-light: mix(#fff, $golden-blonde, 20%);
$golden-blonde-dark: mix(#000, $golden-blonde, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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