Nazwany kolor · #948F54
Amazon Queen
Amazon Queen to #948F54: rgb(148 143 84), hsl(55 28% 45%), oklch(0.641 0.08 104.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Amazon Queen color name →
#948F54
oklch(0.641 0.08 104.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9E9A65
- A8A576
- B3B087
- BDBB98
- C8C6A9
- D3D1BA
- DEDDCB
- E9E8DC
- F4F3ED
Odcienie ciemniejsze
- 807C48
- 6D693C
- 5A5731
- 484526
- 36341B
- 262411
- 161508
- 080702
- 010100
Tony
- 928E59
- 908C5E
- 8E8B63
- 8C8968
- 8A886C
- 888670
- 868574
- 848378
- 82827C
Harmonie kolorów
Komplementarna +180°
- 948F54
Amazon Queen
- 8686BC
≈ Pleated Mauve
Analogowa -30° +30°
- 948F54
Amazon Queen
- A98554
≈ Chicory
- 789765
≈ Mosslands
Triada +120° +240°
- 948F54
Amazon Queen
- 5197B0
≈ Starflower Blue
- AF7998
≈ Wonder Wish
Komplementarna rozszczepiona +150° +210°
- 948F54
Amazon Queen
- 6A8FBC
≈ Debutante Ball
- 9E7EAE
≈ Virtuous
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.32:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.31:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.31:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
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);
}