이름 색상 · #959651
Ancient Maze
Ancient Maze은(는) #959651: rgb(149 150 81), hsl(61 30% 45%), oklch(0.657 0.092 109.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Ancient Maze color name →
#959651
oklch(0.657 0.092 109.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 9FA063
- A9AB74
- B3B586
- BEBF97
- C8CAA8
- D3D4B9
- DEDFCA
- E9EADC
- F4F4ED
셰이드
- 818245
- 6D6E3A
- 5A5B2F
- 484924
- 37371A
- 262610
- 161607
- 080802
- 010100
톤
- 939457
- 91925D
- 8E9062
- 8C8E67
- 8A8B6B
- 888970
- 868774
- 848578
- 82827C
색 조화
보색 +180°
- 959651
Ancient Maze
- 9088C6
≈ Brocade
유사색 -30° +30°
- 959651
Ancient Maze
- AF8B4D
≈ Honey Mustard
- 749F68
≈ Blackthorn Green
삼각 배색 +120° +240°
- 959651
Ancient Maze
- 4E9CBE
≈ Rushing Rapids
- BC7A9A
≈ Benifuji
분열 보색 +150° +210°
- 959651
Ancient Maze
- 6F92C9
≈ Zeus Temple
- AA7FB5
≈ Heart Potion
사각 배색 +90° +180° +270°
- 959651
Ancient Maze
- 3EA2A7
≈ Marlin Green
- 9088C6
≈ Brocade
- C37A7A
≈ Impatient Heart
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.10:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.75:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.75:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
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);
}