이름 색상 · #948F54
Amazon Queen
Amazon Queen은(는) #948F54: rgb(148 143 84), hsl(55 28% 45%), oklch(0.641 0.08 104.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Amazon Queen color name →
#948F54
oklch(0.641 0.08 104.2)
색상 변환
- HEX
- #948f54
- RGB
- rgb(148 143 84)
- HSL
- hsl(55 28% 45%)
- HWB
- hwb(55 33% 42%)
- OKLCH
- oklch(0.641 0.08 104.2)
- OKLab
- oklab(0.641 -0.02 0.077)
- CIE Lab
- lab(58.81 -4.63 31.99)
- LCH
- lch(58.81 32.32 98.2)
- CMYK
- cmyk(0% 3% 43% 42%)
틴트 · 셰이드 · 톤
틴트
- 9E9A65
- A8A576
- B3B087
- BDBB98
- C8C6A9
- D3D1BA
- DEDDCB
- E9E8DC
- F4F3ED
셰이드
- 807C48
- 6D693C
- 5A5731
- 484526
- 36341B
- 262411
- 161508
- 080702
- 010100
톤
- 928E59
- 908C5E
- 8E8B63
- 8C8968
- 8A886C
- 888670
- 868574
- 848378
- 82827C
색 조화
보색 +180°
- 948F54
Amazon Queen
- 8686BC
≈ Pleated Mauve
유사색 -30° +30°
- 948F54
Amazon Queen
- A98554
≈ Chicory
- 789765
≈ Mosslands
삼각 배색 +120° +240°
- 948F54
Amazon Queen
- 5197B0
≈ Starflower Blue
- AF7998
≈ Wonder Wish
분열 보색 +150° +210°
- 948F54
Amazon Queen
- 6A8FBC
≈ Debutante Ball
- 9E7EAE
≈ Virtuous
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.32:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.31:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--amazon-queen: #948f54;
--amazon-queen-rgb: 148 143 84;
--amazon-queen-oklch: oklch(0.641 0.08 104.2);
}
.element {
color: var(--amazon-queen);
background-color: hsl(55 28% 45%);
border-color: oklch(0.641 0.08 104.2);
}Tailwind CSS v4
@theme {
--color-amazon-queen: #948f54;
--color-amazon-queen-50: #f8f7dd;
--color-amazon-queen-100: #ebeacc;
--color-amazon-queen-200: #d8d7b0;
--color-amazon-queen-300: #bcbb8b;
--color-amazon-queen-400: #a6a169;
--color-amazon-queen-500: #8f8947;
--color-amazon-queen-600: #79743d;
--color-amazon-queen-700: #615d30;
--color-amazon-queen-800: #484321;
--color-amazon-queen-900: #322f16;
--color-amazon-queen-950: #1e1b07;
}SCSS
$amazon-queen: #948f54;
$amazon-queen-rgb: 148, 143, 84;
$amazon-queen-light: mix(#fff, $amazon-queen, 20%);
$amazon-queen-dark: mix(#000, $amazon-queen, 20%);
.element {
color: $amazon-queen;
box-shadow: 0 0 0 2px rgba($amazon-queen, 0.35);
}