Nazwany kolor · #A9AD74
Wasabi Green
Wasabi Green to #A9AD74: rgb(169 173 116), hsl(64 26% 57%), oklch(0.731 0.077 111.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Wasabi Green color name →
#A9AD74
oklch(0.731 0.077 111.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B1B582
- BABD90
- C2C59D
- CACDAB
- D3D6B9
- DCDEC7
- E4E6D5
- EDEEE3
- F6F7F1
Odcienie ciemniejsze
- 929664
- 7C7F54
- 676A45
- 535537
- 3F4129
- 2C2D1B
- 1B1B0F
- 0A0B05
- 010101
Tony
- A5A876
- A1A477
- 9C9F79
- 989B7A
- 94967C
- 90927D
- 8C8D7E
- 88897F
- 84847F
Harmonie kolorów
Komplementarna +180°
- A9AD74
Wasabi Green
- A8A0D5
≈ Simply Violet
Analogowa -30° +30°
- A9AD74
Wasabi Green
- C0A36F
≈ Hashibami Brown
- 8DB587
≈ Aniseed Leaf Green
Triada +120° +240°
- A9AD74
Wasabi Green
- 74B1D0
≈ Aspara
- CE94AD
≈ Exotic Lilac
Komplementarna rozszczepiona +150° +210°
- A9AD74
Wasabi Green
- 8DA9D9
≈ Black Drop
- BF98C5
≈ Crocus Petal
Tetrada +90° +180° +270°
- A9AD74
Wasabi Green
- 69B7BC
≈ Maritime Soft Blue
- A8A0D5
≈ Simply Violet
- D49592
≈ Keel Joy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.35:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.91:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
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);
}