Nazwany kolor · #959651
Ancient Maze
Ancient Maze to #959651: rgb(149 150 81), hsl(61 30% 45%), oklch(0.657 0.092 109.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Ancient Maze color name →
#959651
oklch(0.657 0.092 109.4)
Konwersje koloru
- HEX
- #959651
- RGB
- rgb(149 150 81)
- HSL
- hsl(61 30% 45%)
- HWB
- hwb(61 32% 41%)
- OKLCH
- oklch(0.657 0.092 109.4)
- OKLab
- oklab(0.657 -0.03 0.086)
- CIE Lab
- lab(60.83 -8.01 36)
- LCH
- lch(60.83 36.88 102.5)
- CMYK
- cmyk(1% 0% 46% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9FA063
- A9AB74
- B3B586
- BEBF97
- C8CAA8
- D3D4B9
- DEDFCA
- E9EADC
- F4F4ED
Odcienie ciemniejsze
- 818245
- 6D6E3A
- 5A5B2F
- 484924
- 37371A
- 262610
- 161607
- 080802
- 010100
Tony
- 939457
- 91925D
- 8E9062
- 8C8E67
- 8A8B6B
- 888970
- 868774
- 848578
- 82827C
Harmonie kolorów
Komplementarna +180°
- 959651
Ancient Maze
- 9088C6
≈ Brocade
Analogowa -30° +30°
- 959651
Ancient Maze
- AF8B4D
≈ Honey Mustard
- 749F68
≈ Blackthorn Green
Triada +120° +240°
- 959651
Ancient Maze
- 4E9CBE
≈ Rushing Rapids
- BC7A9A
≈ Benifuji
Komplementarna rozszczepiona +150° +210°
- 959651
Ancient Maze
- 6F92C9
≈ Zeus Temple
- AA7FB5
≈ Heart Potion
Tetrada +90° +180° +270°
- 959651
Ancient Maze
- 3EA2A7
≈ Marlin Green
- 9088C6
≈ Brocade
- C37A7A
≈ Impatient Heart
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.10:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.75:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--ancient-maze: #959651;
--ancient-maze-rgb: 149 150 81;
--ancient-maze-oklch: oklch(0.657 0.092 109.4);
}
.element {
color: var(--ancient-maze);
background-color: hsl(61 30% 45%);
border-color: oklch(0.657 0.092 109.4);
}Tailwind CSS v4
@theme {
--color-ancient-maze: #959651;
--color-ancient-maze-50: #f5f8db;
--color-ancient-maze-100: #e8ebc9;
--color-ancient-maze-200: #d5d9ac;
--color-ancient-maze-300: #b9bc86;
--color-ancient-maze-400: #a2a362;
--color-ancient-maze-500: #8b8b3d;
--color-ancient-maze-600: #757635;
--color-ancient-maze-700: #5e5e2a;
--color-ancient-maze-800: #46451c;
--color-ancient-maze-900: #302f12;
--color-ancient-maze-950: #1d1c05;
}SCSS
$ancient-maze: #959651;
$ancient-maze-rgb: 149, 150, 81;
$ancient-maze-light: mix(#fff, $ancient-maze, 20%);
$ancient-maze-dark: mix(#000, $ancient-maze, 20%);
.element {
color: $ancient-maze;
box-shadow: 0 0 0 2px rgba($ancient-maze, 0.35);
}