이름 색상 · #A9AD74
Wasabi Green
Wasabi Green은(는) #A9AD74: rgb(169 173 116), hsl(64 26% 57%), oklch(0.731 0.077 111.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Wasabi Green color name →
#A9AD74
oklch(0.731 0.077 111.5)
색상 변환
- HEX
- #a9ad74
- RGB
- rgb(169 173 116)
- HSL
- hsl(64 26% 57%)
- HWB
- hwb(64 45% 32%)
- OKLCH
- oklch(0.731 0.077 111.5)
- OKLab
- oklab(0.731 -0.028 0.072)
- CIE Lab
- lab(69.36 -8.25 28.86)
- LCH
- lch(69.36 30.01 106)
- CMYK
- cmyk(2% 0% 33% 32%)
틴트 · 셰이드 · 톤
틴트
- B1B582
- BABD90
- C2C59D
- CACDAB
- D3D6B9
- DCDEC7
- E4E6D5
- EDEEE3
- F6F7F1
셰이드
- 929664
- 7C7F54
- 676A45
- 535537
- 3F4129
- 2C2D1B
- 1B1B0F
- 0A0B05
- 010101
톤
- A5A876
- A1A477
- 9C9F79
- 989B7A
- 94967C
- 90927D
- 8C8D7E
- 88897F
- 84847F
색 조화
보색 +180°
- A9AD74
Wasabi Green
- A8A0D5
≈ Simply Violet
유사색 -30° +30°
- A9AD74
Wasabi Green
- C0A36F
≈ Hashibami Brown
- 8DB587
≈ Aniseed Leaf Green
삼각 배색 +120° +240°
- A9AD74
Wasabi Green
- 74B1D0
≈ Aspara
- CE94AD
≈ Exotic Lilac
분열 보색 +150° +210°
- A9AD74
Wasabi Green
- 8DA9D9
≈ Black Drop
- BF98C5
≈ Crocus Petal
사각 배색 +90° +180° +270°
- A9AD74
Wasabi Green
- 69B7BC
≈ Maritime Soft Blue
- A8A0D5
≈ Simply Violet
- D49592
≈ Keel Joy
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.35:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.91:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--wasabi-green: #a9ad74;
--wasabi-green-rgb: 169 173 116;
--wasabi-green-oklch: oklch(0.731 0.077 111.5);
}
.element {
color: var(--wasabi-green);
background-color: hsl(64 26% 57%);
border-color: oklch(0.731 0.077 111.5);
}Tailwind CSS v4
@theme {
--color-wasabi-green: #a9ad74;
--color-wasabi-green-50: #f5f8df;
--color-wasabi-green-100: #e7ebce;
--color-wasabi-green-200: #d3d8b3;
--color-wasabi-green-300: #b7bc8f;
--color-wasabi-green-400: #9fa36e;
--color-wasabi-green-500: #888b4d;
--color-wasabi-green-600: #737642;
--color-wasabi-green-700: #5c5e34;
--color-wasabi-green-800: #444524;
--color-wasabi-green-900: #2f3018;
--color-wasabi-green-950: #1c1c09;
}SCSS
$wasabi-green: #a9ad74;
$wasabi-green-rgb: 169, 173, 116;
$wasabi-green-light: mix(#fff, $wasabi-green, 20%);
$wasabi-green-dark: mix(#000, $wasabi-green, 20%);
.element {
color: $wasabi-green;
box-shadow: 0 0 0 2px rgba($wasabi-green, 0.35);
}