이름 색상 · #EECC9F

Quiet Star

Quiet Star은(는) #EECC9F: rgb(238 204 159), hsl(34 70% 78%), oklch(0.863 0.07 74.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Quiet Star color name →

#EECC9F

oklch(0.863 0.07 74.4)

색상 변환

HEX: #eecc9f
RGB: rgb(238 204 159)
HSL: hsl(34 70% 78%)
HWB: hwb(34 62% 7%)
OKLCH: oklch(0.863 0.07 74.4)
OKLab: oklab(0.863 0.019 0.068)
CIE Lab: lab(84.18 7.71 27.16)
LCH: lch(84.18 28.23 74.1)
CMYK: cmyk(0% 14% 33% 7%)

틴트 · 셰이드 · 톤

틴트

F0D1A9
F2D6B2
F3DBBC
F5E0C6
F7E6CF
F9EBD9
FAF0E2
FCF5EC
FDFAF5

셰이드

CFB18A
B19775
937E61
77654D
5C4E3B
423729
2A2218
140F09
030201

톤

E3C49C
D7BC99
CCB596
C1AD93
B6A590
AB9E8D
A0968A
958F87
8B8783

색 조화

보색 +180°

EECC9F
Quiet Star
B4D5FF
≈ Ice Cold Stare

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.52:1 · APCA Lc 24

Fail

검은색 위

WCAG 13.77:1 · APCA Lc 79

AAA

가장 좋은 글자색: #000000

WCAG 13.77:1 (AAA) · APCA Lc 79

Contrast pairs

코드 스니펫

CSS

:root {
  --quiet-star: #eecc9f;
  --quiet-star-rgb: 238 204 159;
  --quiet-star-oklch: oklch(0.863 0.07 74.4);
}

.element {
  color: var(--quiet-star);
  background-color: hsl(34 70% 78%);
  border-color: oklch(0.863 0.07 74.4);
}

Tailwind CSS v4

@theme {
  --color-quiet-star: #eecc9f;
  --color-quiet-star-50: #fff3df;
  --color-quiet-star-100: #f6e5ce;
  --color-quiet-star-200: #e6d1b3;
  --color-quiet-star-300: #ccb390;
  --color-quiet-star-400: #b79970;
  --color-quiet-star-500: #a27f50;
  --color-quiet-star-600: #896c44;
  --color-quiet-star-700: #6e5636;
  --color-quiet-star-800: #513e26;
  --color-quiet-star-900: #392b1a;
  --color-quiet-star-950: #23180a;
}

SCSS

$quiet-star: #eecc9f;
$quiet-star-rgb: 238, 204, 159;
$quiet-star-light: mix(#fff, $quiet-star, 20%);
$quiet-star-dark: mix(#000, $quiet-star, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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